Float Effects
Subtle floating animations.
float
float-horizontal
float-rotate
Glow Effects
Glowing box-shadow animations.
glow
glow-soft
glow-pulse
glow-multicolor
Ripple Effects
Ripple and wave animations.
ripple
ripple-slow
ripple-multi
ripple-color
Wave & Twist
Complex transformation animations.
wave
wave-slow
twist
twist-fast
Usage
// SCSS Mixin
.element {
@include animate_float;
}
.element-glow {
@include animate_glow;
}
// Utility classes
<div class="animate_float">...</div>
<div class="animate_glow">...</div>
<div class="animate_ripple">...</div>