Animation
a-fade-in-bottom
a-fade-in-top
a-fade-in-left
a-fade-in-right
a-fade-in-center
a-fade-out-bottom
a-fade-out-top
a-fade-out-left
a-fade-out-right
a-fade-out-center
a-scale-in
a-scale-out
a-shake
<div class="d-flex d-flex-wrap gap-3">
<div class="box box-info a-fade-in-bottom">a-fade-in-bottom</div>
<div class="box box-info a-fade-in-top">a-fade-in-top</div>
<div class="box box-info a-fade-in-left">a-fade-in-left</div>
<div class="box box-info a-fade-in-right">a-fade-in-right</div>
<div class="box box-info a-fade-in-center">a-fade-in-center</div>
</div>
<div class="d-flex d-flex-wrap gap-3 mt-1">
<div class="box box-info a-fade-out-bottom">a-fade-out-bottom</div>
<div class="box box-info a-fade-out-top">a-fade-out-top</div>
<div class="box box-info a-fade-out-left">a-fade-out-left</div>
<div class="box box-info a-fade-out-right">a-fade-out-right</div>
<div class="box box-info a-fade-out-center">a-fade-out-center</div>
</div>
<div class="d-flex d-flex-wrap gap-3 mt-1">
<div class="box box-info a-scale-in">a-scale-in</div>
<div class="box box-info a-scale-out">a-scale-out</div>
<div class="box box-info a-shake">a-shake</div>
</div>| fade-in | a-fade-in-bottom, a-fade-in-top, a-fade-in-left, a-fade-in-right, a-fade-in-center |
| fade-out | a-fade-out-bottom,a-fade-out-top, a-fade-out-left,a-fade-out-right, a-fade-out-center |
| scale | a-scale-in, a-scale-out |
| shake | a-shake |