Fade Effects
Smooth opacity transitions.
fade
fade-in
fade-out
fade-gradual
Slide + Fade Effects
Combined slide and fade animations.
slide-fade-in-up
slide-fade-in-down
slide-fade-in-left
slide-fade-in-right
Usage
// SCSS Mixin
.element {
@include animate_fade;
}
.element-in {
@include animate_fade_in;
}
// Utility classes
<div class="animate_fade">...</div>
<div class="animate_fade_in">...</div>
<div class="animate_slide_fade_in_up">...</div>