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