Syntax

animation-duration

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

Class	Declarations
`@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>

Setting the direction of the animation.

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