Animations

Animation Delay

Utilities for sets the animation control with delays.

Variant

Responsive Dark Mode Light Mode Reduce-Motion Selection-Hover Expand First-Last-Selection Child-Selection Portrait Landscape Fullscreen Hover Group-Hover Focus Group-Focus Focus-Visible Focus-Within Active Visited Checked Disabled

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="animation blur-in ... delay-2">
  ...
</div>

HTML

.dummy {
  @extend
    .animation,
    .blur-in,
    .delay-2;
}

SCSS