Animation

Animation Name

Style syntax for setting the names of the animation.

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

Overview [sr-only]

ClassDeclarations
animation-name:name, / @name:name,animation-name: name,

Conditionally apply

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

<div class="@name:fade:hover @name:fade@sm @name:fade@dark @name:fade@print"></div>
PREVIOUS
Animation Iteration Count

Style syntax for setting the number of times an animation should be played.

NEXT
Animation Play State

Style syntax for setting whether an animation is running or paused.

MIT License © Aoyue Design LLC.