Transition

Transition

Style syntax for controlling animation speed when changing CSS properties.

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

Overview [sr-only]

ClassDeclarations
transition:name|duration, / ~name|durationtransition: name duration,

Conditionally apply

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

<div class="transition:padding|300ms|ease-in:hover transition:padding|300ms|ease-in@sm transition:padding|300ms|ease-in@dark transition:padding|300ms|ease-in@print"></div>
PREVIOUS
Transform Style

Style syntax for setting how children of an element are rendered in the 3D space.

NEXT
Transition Delay

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

MIT License © Aoyue Design LLC.