Animations
Animation Duration v1.0.9
Utilities for sets the animation control with durations.
Class
| class | css |
|---|---|
| duration-300 | animation-duration: 300ms |
| duration-500 | animation-duration: 500ms |
| duration-800 | animation-duration: 800ms |
| duration-2000 | animation-duration: 2000ms |
| duration-3000 | animation-duration: 3000ms |
| duration-4000 | animation-duration: 4000ms |
Usage
<!-- Example -->
<y class="animation blur-in duration-2000">
...
</y>Variant
| Variant | Enabled | Responsive |
|---|---|---|
| Default | Yes | |
| Dark Theme | ||
| hover | ||
| group-hover | ||
| focus | ||
| focus-visible | ||
| focus-within | ||
| active | ||
| visited | ||
| checked | ||
| disabled |
