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