Assuming the use of CSS3 animations will be suitable for our project, it's at this point that we can begin to make the transition to using PostCSS.
If you're expecting to see an array of plugins, then I'm sorry to disappoint—at present, there are only four plugins for use with animations:
Animation: Available at https://github.com/zhouwenbin/postcss-animation, this adds
@keyframes
fromAnimate.css
. This plugin uses https://github.com/zhouwenbin/postcss-animation-data, which hosts the converted animations.PostCSS Easings: Downloadable from https://github.com/postcss/postcss-easings, this plugin converts easing names from http://www.easings.net to
cubic-bezier()
equivalent values.PostCSS Transform Shortcuts: This plugin allows us to specify individual values when creating transform statements—the source for this plugin is available from https://github.com/jonathantneal/postcss-transform-shortcut.
PostCSS MQ Keyframes: This plugin will move any keyframes...