Press/to search

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>

Customization

Read more information about using the Plugin API, and Responsive or Pseudo-Class Variants configuration with the Plugin API.

// @file: `src/plugins.scss`

// Add Values
@include yogurt(
$class: 'animation.delay',
$property: animation-delay,
$modifier: (
5: 5s,
6: 6s
//...
)
);

Variant

ResponsiveDark ModeLight ModeReduce-MotionPortraitLandscapeHoverGroup-HoverFocusGroup-FocusFocus-VisibleFocus-WithinActiveVisitedCheckedDisabled

Default enabled variants. Read more information about the Responsive and Pseudo-Class Variants.