| 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" |
Last active
November 25, 2019 09:27
-
-
Save jdnichollsc/404640e5550a1b46dee024d9cc5e06e3 to your computer and use it in GitHub Desktop.
Default Animations in <animatable/> Web Component - https://proyecto26.github.io/animatable-component
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment