AnimakitElastic
React component for flexible resizing of the blocks.
Usage
<AnimakitElastic> <Content /></AnimakitElastic>
Demo
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.