Transitions
Overview
These classes can be used to animate elements on the screen, create interactive elements, and add visual interest to the project. As a general rule, transitions should be used any time an element changes state, such as when it appears, disappears, changes color, or moves on the screen.
Classes
| Class | Description |
|---|---|
transition-all-150 | Applies a transition to all properties with a duration of 150ms. |
transition-all-200 | Applies a transition to all properties with a duration of 200ms. |
transition-all-250 | Applies a transition to all properties with a duration of 250. |
transition-all-300 | Applies a transition to all properties with a duration of 300ms. |
transition-all-500 | Applies a transition to all properties with a duration of 500ms. |