Animation

Animation Duration

Style syntax for 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 [sr-only]

ClassDeclarations
animation-duration:milliSeconds, / @duration:milliSeconds,animation-duration: milliSeconds,

Conditionally apply

Apply styles in different states using selectors, media queries, etc.

<div class="@duration:1s:hover @duration:1s@sm @duration:1s@dark @duration:1s@print"></div>
PREVIOUS
Animation Direction

Style syntax for setting the direction of the animation.

NEXT
Animation Fill Mode

Style syntax for setting how a CSS animation applies styles to its target before and after its execution.

MIT License © Aoyue Design LLC.