Syntax
animation-duration
Setting the length of time that an animation takes to complete one cycle.
Overview
Class | Declarations |
---|---|
@duration:`milliSeconds`,`…` | animation-duration: `milliSeconds`,`…`;
|
Apply conditionally
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>