Skip to content

animakit/animakit-elastic

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

56 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

AnimakitElastic

WARNING: Currently unmaintained because of lack of interest, activity and resources

React component for flexible resizing of the blocks.

Usage

<AnimakitElastic>
  <Content />
</AnimakitElastic>

Installation

npm install animakit-elastic

Properties

Property Required Type Default Value Available Values Description
duration false number 500 Any integer number Duration of animation
easing false string cubic-bezier (0.68,-0.55,0.265,1.55) Any easing function Easing function of animation

Limitations

The components wrapper uses overflow: hidden to implement the animation.

Origin

Part of Animakit. See https://animakit.github.io for more details.

Sponsored by Evil Martians