Animations

Animation Delay v1.0.9

Utilities for sets the animation control with delays.


Class

classcss
delay-2animation-delay: 2s
delay-3animation-delay: 3s
delay-4animation-delay: 4s
delay-5animation-delay: 5s

Usage

<!-- Example -->
<y class="animation blur-in delay-2">
...
</y>

Customize More

// @file: `src/_plugins.scss`
@include plugin(
(
utility: 'delay',
//variant: 'responsive',
property: 'animation-delay',
modifier: (
'6': '6s',
'7': '7s'
//...
)
)
)

Variant

VariantEnabledResponsive
DefaultYes
Dark Theme
hover
group-hover
focus
focus-within
active
visited
checked
disabled