0.1.2 • Published 5 years ago

styled-components-animations v0.1.2

Weekly downloads
5
License
MIT
Repository
github
Last release
5 years ago

styled-components-animations

a whole bunch of keyframes for different animations / transitions.

usage

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

api

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

styled-components
@everything-registry/sub-chunk-2840@infinitebrahmanuniverse/nolb-styled
0.1.2

5 years ago

0.1.1

5 years ago

0.1.0

5 years ago