Transition

Transition Duration

Style syntax for setting the length of time a transition should takes to complete.

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

Overview [sr-only]

ClassDeclarations
transition-duration:milliSeconds,…transition-duration: milliSeconds, …
~duration:milliSeconds,…transition-duration: milliSeconds, …

Conditionally apply

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

<div class="~duration:300ms:hover ~duration:300ms@sm ~duration:300ms@dark ~duration:300ms@print">…</div>
PREVIOUS
Transition Delay

Style syntax for setting a time to delay before starting transition.

NEXT
Transition Property

Style syntax for setting the CSS properties to which a transition effect should be applied.

MIT License Ā© Aoyue Design LLC.