Skip to content

Latest commit

 

History

History
 
 

animate-keyframes

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
flow-typed/npm
flow-typed/npm
 
 
src
src
 
 
.babelrc
.babelrc
 
 
.flowconfig
.flowconfig
 
 
.gitignore
.gitignore
 
 
README.md
README.md
 
 
index.js
index.js
 
 
package.json
package.json
 
 

README.md

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