Syntax
transition
Controlling animation speed when changing CSS properties.
Overview
| Class | Declarations |
|---|---|
~`name`|`duration` | transition: `name` `duration`;
|
Apply conditionally
Apply styles based on different states using selectors and conditional queries.
<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>