a whole bunch of keyframes for different animations / transitions.
yarn add styled-components-animations
import styled from 'styled-components'
import { rotate } from 'styled-components-animations'
const Loader = styled.div`
animation: ${rotate} infinite 1s linear;
`
available keyframes:
- rotate
- flash
- shake
- bounce
- tada
- swing
- wobble
- wiggle
- pulse
- flip
- flipInX
- flipOutX
- flipInY
- flipOutY
- fadeIn
- fadeInUp
- fadeInDown
- fadeInLeft
- fadeInRight
- fadeOut
- fadeOutUp
- fadeOutDown
- fadeOutLeft
- fadeOutRight
- bounceIn
- bounceInUp
- bounceInDown
- bounceInLeft
- bounceInRight
- easeInLeft
- easeOutLeft
- easeInRight
- easeOutRight
- bounceOut
- bounceOutDown
- bounceOutUp
- bounceOutLeft
- bounceOutRight
- scaleIn
- scaleOut
- rotateIn
- rotateOut
- lightspeedIn
- lightspeedOut
- hingeLeft
- hingeRight
- rollIn
- rollOut
- dropDown
- dropUp
init'd with golf