Animations

Animation Loop v1.1.1

Utilities for sets the animation control with limited loop or infinite.


Class

classcss
loop-2animation-iteration-count: 2
loop-3animation-iteration-count: 3
loop-4animation-iteration-count: 4
loop-5animation-iteration-count: 5
loop-infiniteanimation-iteration-count: infinite

Usage

<!-- Example -->
<y class="animation blur-in loop-infinite">
...
</y>

Customize More

// @file: `src/_plugins.scss`
@include plugin(
(
utility: 'animation.loop-',
//variant: 'responsive',
property: 'animation-iteration-count',
modifier: (
'10': '10',
'20': '20'
//...
)
)
)

Variant

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