Basic Flip Effects
Perspective-based rotation animations.
flip
flip-horizontal
flip-vertical
flip-diagonal
180° Flip Effects
Full 180-degree flip animations.
flip-180-horizontal
flip-180-vertical
flip-180-diagonal
Usage
// SCSS Mixin
.card {
@include animate_flip;
}
.card-horizontal {
@include animate_flip_horizontal;
}
// Utility classes
<div class="animate_flip">...</div>
<div class="animate_flip_horizontal">...</div>