Animations
Animation Delay
Utilities for sets the animation control with delays.
Variant
Active Checked Child-Selection Dark Mode Disabled Expand First-Last-Selection First-Letter Focus Focus-Visible Focus-Within Fullscreen Group-Focus Group-Hover Hover Landscape Light Mode Portrait Reduce-Motion Responsive Selection-Hover Visited
API
class | css |
---|---|
delay-2 | animation-delay: 2s |
delay-3 | animation-delay: 3s |
delay-4 | animation-delay: 4s |
delay-5 | animation-delay: 5s |
Usage
<div class="morph blur-in ... delay-2">
...
</div>
HTML
.dummy {
@extend
.morph,
.blur-in,
.delay-2;
}
SCSS