File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change @@ -53,84 +53,27 @@ $ npm install animate.css --save
5353
54543 . Finally you need to add one of the following classes:
5555
56- | Class Name |
57- | --------------------|
58- | ` bounce ` |
59- | ` flash ` |
60- | ` pulse ` |
61- | ` rubberBand ` |
62- | ` shake ` |
63- | ` headShake ` |
64- | ` swing ` |
65- | ` tada ` |
66- | ` wobble ` |
67- | ` jello ` |
68- | ` bounceIn ` |
69- | ` bounceInDown ` |
70- | ` bounceInLeft ` |
71- | ` bounceInRight ` |
72- | ` bounceInUp ` |
73- | ` bounceOut ` |
74- | ` bounceOutDown ` |
75- | ` bounceOutLeft ` |
76- | ` bounceOutRight ` |
77- | ` bounceOutUp ` |
78- | ` fadeIn ` |
79- | ` fadeInDown ` |
80- | ` fadeInDownBig ` |
81- | ` fadeInLeft ` |
82- | ` fadeInLeftBig ` |
83- | ` fadeInRight ` |
84- | ` fadeInRightBig ` |
85- | ` fadeInUp ` |
86- | ` fadeInUpBig ` |
87- | ` fadeOut ` |
88- | ` fadeOutDown ` |
89- | ` fadeOutDownBig ` |
90- | ` fadeOutLeft ` |
91- | ` fadeOutLeftBig ` |
92- | ` fadeOutRight ` |
93- | ` fadeOutRightBig ` |
94- | ` fadeOutUp ` |
95- | ` fadeOutUpBig ` |
96- | ` flipInX ` |
97- | ` flipInY ` |
98- | ` flipOutX ` |
99- | ` flipOutY ` |
100- | ` lightSpeedIn ` |
101- | ` lightSpeedOut ` |
102- | ` rotateIn ` |
103- | ` rotateInDownLeft ` |
104- | ` rotateInDownRight ` |
105- | ` rotateInUpLeft ` |
106- | ` rotateInUpRight ` |
107- | ` rotateOut ` |
108- | ` rotateOutDownLeft ` |
109- | ` rotateOutDownRight ` |
110- | ` rotateOutUpLeft ` |
111- | ` rotateOutUpRight ` |
112- | ` hinge ` |
113- | ` jackInTheBox ` |
114- | ` rollIn ` |
115- | ` rollOut ` |
116- | ` zoomIn ` |
117- | ` zoomInDown ` |
118- | ` zoomInLeft ` |
119- | ` zoomInRight ` |
120- | ` zoomInUp ` |
121- | ` zoomOut ` |
122- | ` zoomOutDown ` |
123- | ` zoomOutLeft ` |
124- | ` zoomOutRight ` |
125- | ` zoomOutUp ` |
126- | ` slideInDown ` |
127- | ` slideInLeft ` |
128- | ` slideInRight ` |
129- | ` slideInUp ` |
130- | ` slideOutDown ` |
131- | ` slideOutLeft ` |
132- | ` slideOutRight ` |
133- | ` slideOutUp ` |
56+ | Class Name | | | |
57+ | --------------------| --------------------| --------------------| --------------------|
58+ | ` bounce ` | ` flash ` | ` pulse ` | ` rubberBand ` |
59+ | ` shake ` | ` headShake ` | ` swing ` | ` tada ` |
60+ | ` wobble ` | ` jello ` | ` bounceIn ` | ` bounceInDown ` |
61+ | ` bounceInLeft ` | ` bounceInRight ` | ` bounceInUp ` | ` bounceOut ` |
62+ | ` bounceOutDown ` | ` bounceOutLeft ` | ` bounceOutRight ` | ` bounceOutUp ` |
63+ | ` fadeIn ` | ` fadeInDown ` | ` fadeInDownBig ` | ` fadeInLeft ` |
64+ | ` fadeInLeftBig ` | ` fadeInRight ` | ` fadeInRightBig ` | ` fadeInUp ` |
65+ | ` fadeInUpBig ` | ` fadeOut ` | ` fadeOutDown ` | ` fadeOutDownBig ` |
66+ | ` fadeOutLeft ` | ` fadeOutLeftBig ` | ` fadeOutRight ` | ` fadeOutRightBig ` |
67+ | ` fadeOutUp ` | ` fadeOutUpBig ` | ` flipInX ` | ` flipInY ` |
68+ | ` flipOutX ` | ` flipOutY ` | ` lightSpeedIn ` | ` lightSpeedOut ` |
69+ | ` rotateIn ` | ` rotateInDownLeft ` | ` rotateInDownRight ` | ` rotateInUpLeft ` |
70+ | ` rotateInUpRight ` | ` rotateOut ` | ` rotateOutDownLeft ` | ` rotateOutDownRight ` |
71+ | ` rotateOutUpLeft ` | ` rotateOutUpRight ` | ` hinge ` | ` jackInTheBox ` |
72+ | ` rollIn ` | ` rollOut ` | ` zoomIn ` | ` zoomInDown ` |
73+ | ` zoomInLeft ` | ` zoomInRight ` | ` zoomInUp ` | ` zoomOut ` |
74+ | ` zoomOutDown ` | ` zoomOutLeft ` | ` zoomOutRight ` | ` zoomOutUp ` |
75+ | ` slideInDown ` | ` slideInLeft ` | ` slideInRight ` | ` slideInUp ` |
76+ | ` slideOutDown ` | ` slideOutLeft ` | ` slideOutRight ` | ` slideOutUp ` |
13477
13578Full example:
13679``` html
You can’t perform that action at this time.
0 commit comments