Slide In
Directional sliding entrance animations.
slide-in-up
slide-in-down
slide-in-left
slide-in-right
Slide Out
Directional sliding exit animations.
slide-out-up
slide-out-down
slide-out-left
slide-out-right
Usage
// SCSS Mixin
.element {
@include animate_slide_in_up;
}
.element-out {
@include animate_slide_out_down;
}
// Utility classes
<div class="animate_slide_in_up">...</div>
<div class="animate_slide_out_down">...</div>