Skip to content

Commit 7451a93

Browse files
baladkbeltonmesquita
authored andcommitted
Readme file update for using columns on classes names. (#744)
1 parent 41c3c05 commit 7451a93

1 file changed

Lines changed: 21 additions & 78 deletions

File tree

README.md

Lines changed: 21 additions & 78 deletions
Original file line numberDiff line numberDiff line change
@@ -53,84 +53,27 @@ $ npm install animate.css --save
5353

5454
3. 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

13578
Full example:
13679
```html

0 commit comments

Comments
 (0)