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: milliSeconds,…;

Conditionally apply

Apply styles based on different states using selectors and conditional queries.

<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.
MIT License