Syntax

animation-duration🚧

Setting the length of time that an animation takes to complete one cycle.

🚧This page is still under construction and some content may not be complete.

Overview

ClassDeclarations
@duration:milliSeconds,animation-duration: milliSecondsms,ms;

Conditionally apply

Apply styles based on different states using selectors and applying conditionally.

<div class="@duration:1s:hover @duration:1s@sm @duration:1s@dark @duration:1s@print">…</div>
Syntax
animation-direction

Setting the direction of the animation.

Syntax
animation-fill-mode

Setting how a CSS animation applies styles to its target before and after its execution.

© Aoyue Design LLC.