-
-
Notifications
You must be signed in to change notification settings - Fork 16
Animation property
Juan David Nicholls Cardona edited this page Nov 25, 2019
·
2 revisions
There's a list of default animations instead of using keyFrames directly:
| Animations | ||||
|---|---|---|---|---|
| "bounce" | "flash" | "jello" | "pulse" | "rotate" |
| "shake" | "swing" | "rubberBand" | "tada" | "wobble" |
| "heartBeat" | ||||
| "bounceIn" | "bounceInUp" | "bounceInDown" | "bounceInRight" | "bounceInLeft" |
| "bounceOut" | "bounceOutUp" | "bounceOutDown" | "bounceOutRight" | "bounceOutLeft" |
| "fadeIn" | "fadeInUp" | "fadeInUpBig" | "fadeInDown" | "fadeInDownBig" |
| "fadeInRight" | "fadeInRightBig" | "fadeInLeft" | "fadeInLeftBig" | |
| "fadeOut" | "fadeOutUp" | "fadeOutUpBig" | "fadeOutDown" | "fadeOutDownBig" |
| "fadeOutRight" | "fadeOutRightBig" | "fadeOutLeft" | "fadeOutLeftBig" | |
| "flip" | "flipInX" | "flipInY" | "flipOutX" | "flipOutY" |
| "lightSpeedIn" | "lightSpeedOut" | |||
| "rotateIn" | "rotateInClockwise" | "rotateInDownLeft" | "rotateInDownRight" | "rotateInUpLeft" |
| "rotateInUpRight" | ||||
| "rotateOut" | "rotateOutClockwise" | "rotateOutDownLeft" | "rotateOutDownRight" | "rotateOutUpLeft" |
| "rotateOutUpRight" | ||||
| "slideInUp" | "slideInDown" | "slideInLeft" | "slideInRight" | |
| "slideOutUp" | "slideOutDown" | "slideOutLeft" | "slideOutRight" | |
| "zoomIn" | "zoomInUp" | "zoomInDown" | "zoomInLeft" | "zoomInRight" |
| "zoomOut" | "zoomOutUp" | "zoomOutDown" | "zoomOutLeft" | "zoomOutRight" |
| "hinge" | "jackInTheBox" | "rollIn" | "rollOut" |
We can set it to none to clear the keyFrames of the animation.