animations-on-styled-components

A 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

----------

Instalation

``npm i styled-components-animations or yarn add styled-components-animations`

`How to use`

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...`

`API`

- duration - prop for represent animation-duration - default1s- delay - prop for represent animation-delay - default0s- timingFunction - prop for represent animation-timing-function - defaultease- iterationCount - prop for represent animation-iteration-count - default1- direction - prop for represent animation-direction - defaultnormal- fillMode - prop for represent animation-fill-mode - defaultboth- playState - prop for represent animation-play-state - defaultrunning- display - prop for represent display css property - defaultblock`