postcss-animation

0.0.12 • Public • Published

PostCSS animation

NPM version Build Status Dependency Status

PostCSS PostCSS plugin that adds @keyframes from animate.css.

.foo {
  animation-name: bounce;
}
.foo {
  animation-name: bounce;
}
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.2150.6100.3551.000);
    transform: translate3d(0,0,0);
  }
  40%, 43% {
    animation-timing-function: cubic-bezier(0.7550.0500.8550.060);
    transform: translate3d(0-30px0);
  }
  70% {
    animation-timing-function: cubic-bezier(0.7550.0500.8550.060);
    transform: translate3d(0-15px0);
  }
  90% {
    transform: translate3d(0,-4px,0);
  }
}

--

Usage

postcss([ require('postcss-animation') ])

See PostCSS docs for examples for your environment.

gulp

see this example

--

License

MIT © zhouwenbin

--

Thanks

animate.css

Versions

Current Tags

  • Version
    Downloads (Last 7 Days)
    • Tag
  • 0.0.12
    1,624
    • latest

Version History

Package Sidebar

Install

npm i postcss-animation

Weekly Downloads

325

Version

0.0.12

License

MIT

Last publish

Collaborators

  • wenbin5243
  • zhouwenbin