animate-keyframes
Keyframes for animations
Install
npm install animate-keyframes
Usage
Keyframes are required when you will be using Merge and Disappear Component. Earlier they were bundled with the same package (animate-components
) so there are few changes when importing them.
To import any keyframe,
import { fadeIn } from 'animate-keyframes';
List of keyframes
Bounce
bounce
bounceUp
bounceRight
bounceLeft
bounceDown
Fade
fadeIn
up
right
left
down
downBig
upBig
leftBig
rightBig
Flip
LightSpeed
Rotate
rotateIn
rotateRight
rotateLeft
rotateUpRight
rotateUpLeft
Slide
slideUp
slideDown
slideLeft
slideRight
Special
flash
rollOut
rollIn
rubber
swing
zoom
hinge
pulse
expandUp
entrance
hatch
starWars
Perspective
perspectiveDown
perspectiveUp
perspectiveLeft
perspectiveRight
Bingo
puffmeout
puffmein
vanishout
vanishin
Expanse (in space)
expanseUp
expanseDown
expanseLeft
expanseRight