Transitions

Duration

Use the duration-{value} class to control the duration of the transition. Values can include slowest, slower, slow, normal, fast, faster and fastest.

Duration utilities map to the --ex-options-duration-* variables. Refer to the Options page for the full reference on the CSS variables.

Transition

Use the transition utility to enable smooth visuals on components that normally aren’t interactive.