animate-keyframes

animate-keyframes

Keyframes for animations

Install

npm install animate-keyframes

Usage

Keyframes are required when you use Merge and Disappear Component. Earlier they were bundled within 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

• flip
• flipX
• flipY

LightSpeed

• lightOut
• lightIn

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

• expanseUp
• expanseDown
• expanseLeft
• expanseRight