Package Exports
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (animatrix.css) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
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 |