1.0.103 • Published 10 months ago
Last release10 months ago
This is a simple and small animation library
It is use to simple first install it via this command
npm i animatrix.css
import 'animatrix.css/css/animatrix.min.css'
Then Add class name into your projects
<div class="center-container">
<!-- Add the class name -->
<h1 class="animatrix_bounce">Welcome to Animatrix</h1>
</div>
HERE ALL THE CLASS LIST IN THIS TABLE .
No | Name |
---|
1 | animatrix_rubberBand |
2 | animatrix_bounce |
3 | animatrix_flash |
4 | animatrix_pulse |
5 | animatrix_shakeX |
6 | animatrix_shakeY |
7 | animatrix_headShake |
8 | animatrix_swing |
9 | animatrix_jello |
Back In Animations
No | Name |
---|
10 | animatrix_backInDown |
11 | animatrix_backInLeft |
12 | animatrix_backInRight |
13 | animatrix_backInUp |
Back Out animation
No | Name |
---|
14 | animatrix_backOutDown |
15 | animatrix_backOutLeft |
16 | animatrix_backOutRight |
17 | animatrix_backOutUp |
Bounce In animation
No | Name |
---|
18 | animatrix_bounceIn |
19 | animatrix_bounceInDown |
20 | animatrix_bounceInLeft |
21 | animatrix_bounceInRight |
22 | animatrix_bounceInUp |
Bounce Out animation
No | Name |
---|
23 | animatrix_bounceOut |
24 | animatrix_bounceOutDown |
25 | animatrix_bounceOutLeft |
26 | animatrix_bounceOutRight |
27 | animatrix_bounceOutUp |