Robot
/
animate.css
mirror of https://github.com/animate-css/animate.css.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Made class list a Markdown table (#698)

This commit is contained in:
Erick Delfin 2017-07-09 09:57:57 -07:00 committed by Elton Mesquita
parent ba5ca55c80
commit 23787fcc49
1 changed files with 78 additions and 76 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

154
README.md
View File

@ -35,82 +35,84 @@ $ npm install animate.css --save
3. Finally you need to add one of the following classes: 3. Finally you need to add one of the following classes:
* `bounce` | Class Name |
* `flash` |--------------------|
* `pulse` | `bounce` |
* `rubberBand` | `flash` |
* `shake` | `pulse` |
* `headShake` | `rubberBand` |
* `swing` | `shake` |
* `tada` | `headShake` |
* `wobble` | `swing` |
* `jello` | `tada` |
* `bounceIn` | `wobble` |
* `bounceInDown` | `jello` |
* `bounceInLeft` | `bounceIn` |
* `bounceInRight` | `bounceInDown` |
* `bounceInUp` | `bounceInLeft` |
* `bounceOut` | `bounceInRight` |
* `bounceOutDown` | `bounceInUp` |
* `bounceOutLeft` | `bounceOut` |
* `bounceOutRight` | `bounceOutDown` |
* `bounceOutUp` | `bounceOutLeft` |
* `fadeIn` | `bounceOutRight` |
* `fadeInDown` | `bounceOutUp` |
* `fadeInDownBig` | `fadeIn` |
* `fadeInLeft` | `fadeInDown` |
* `fadeInLeftBig` | `fadeInDownBig` |
* `fadeInRight` | `fadeInLeft` |
* `fadeInRightBig` | `fadeInLeftBig` |
* `fadeInUp` | `fadeInRight` |
* `fadeInUpBig` | `fadeInRightBig` |
* `fadeOut` | `fadeInUp` |
* `fadeOutDown` | `fadeInUpBig` |
* `fadeOutDownBig` | `fadeOut` |
* `fadeOutLeft` | `fadeOutDown` |
* `fadeOutLeftBig` | `fadeOutDownBig` |
* `fadeOutRight` | `fadeOutLeft` |
* `fadeOutRightBig` | `fadeOutLeftBig` |
* `fadeOutUp` | `fadeOutRight` |
* `fadeOutUpBig` | `fadeOutRightBig` |
* `flipInX` | `fadeOutUp` |
* `flipInY` | `fadeOutUpBig` |
* `flipOutX` | `flipInX` |
* `flipOutY` | `flipInY` |
* `lightSpeedIn` | `flipOutX` |
* `lightSpeedOut` | `flipOutY` |
* `rotateIn` | `lightSpeedIn` |
* `rotateInDownLeft` | `lightSpeedOut` |
* `rotateInDownRight` | `rotateIn` |
* `rotateInUpLeft` | `rotateInDownLeft` |
* `rotateInUpRight` | `rotateInDownRight` |
* `rotateOut` | `rotateInUpLeft` |
* `rotateOutDownLeft` | `rotateInUpRight` |
* `rotateOutDownRight` | `rotateOut` |
* `rotateOutUpLeft` | `rotateOutDownLeft` |
* `rotateOutUpRight` | `rotateOutDownRight` |
* `hinge` | `rotateOutUpLeft` |
* `jackInTheBox` | `rotateOutUpRight` |
* `rollIn` | `hinge` |
* `rollOut` | `jackInTheBox` |
* `zoomIn` | `rollIn` |
* `zoomInDown` | `rollOut` |
* `zoomInLeft` | `zoomIn` |
* `zoomInRight` | `zoomInDown` |
* `zoomInUp` | `zoomInLeft` |
* `zoomOut` | `zoomInRight` |
* `zoomOutDown` | `zoomInUp` |
* `zoomOutLeft` | `zoomOut` |
* `zoomOutRight` | `zoomOutDown` |
* `zoomOutUp` | `zoomOutLeft` |
* `slideInDown` | `zoomOutRight` |
* `slideInLeft` | `zoomOutUp` |
* `slideInRight` | `slideInDown` |
* `slideInUp` | `slideInLeft` |
* `slideOutDown` | `slideInRight` |
* `slideOutLeft` | `slideInUp` |
* `slideOutRight` | `slideOutDown` |
* `slideOutUp` | `slideOutLeft` |
| `slideOutRight` |
| `slideOutUp` |
Full example: Full example:
```html ```html