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.
Issue on this page