Flash & Blink
Visibility-based attention animations.
flash
flash-fade
flash-strobe
blink
blink-rapid
blink-soft
Beat
Beat and rhythm-based animations.
beat
beat-fade
beat-double
Tada & Pop
Celebratory entrance animations.
tada
tada-slow
tada-fast
pop
pop-slow
pop-fast
Swing & Sway
Pendulum-like swinging motions.
swing
swing-slow
sway
sway-slow
nod
nod-slow
Usage
// SCSS Mixin
.element {
@include animate_tada;
}
.element-flash {
@include animate_flash;
}
// Utility classes
<div class="animate_tada">...</div>
<div class="animate_flash">...</div>
<div class="animate_swing">...</div>