Simple port of animate css for styled-components
npm install animations-on-styled-componentsA simple port of animate css for styled-components
Based on the work of (https://github.com/dielduarte/animate-css-styled-components/)
Base on lib animate-css-styled-components
----------
```
npm i styled-components-animations
or
yarn add styled-components-animations
import animate-css-styled-components module calling global animations
`jsx`
import { Wobble, FadeIn, FadeOut } from 'styled-components-animations';
Now, this animation is a component and you can encompassing the desired content within the component.
Example:
`jsx`
card content...
- duration
- prop for represent animation-duration
- default 1s0s
- delay
- prop for represent animation-delay
- default ease
- timingFunction
- prop for represent animation-timing-function
- default 1
- iterationCount
- prop for represent animation-iteration-count
- default normal
- direction
- prop for represent animation-direction
- default both
- fillMode
- prop for represent animation-fill-mode
- default running
- playState
- prop for represent animation-play-state
- default block`
- display
- prop for represent display css property
- default