Syntax

animation-duration

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

Overview

ClassDeclarations
@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>

  • Master UI


© 2025 Aoyue Design LLC.MIT License
Trademark Policy