postcss-animation.css-data

postcss-animation.css-data

Autogenerated data for postcss-animations plugin. Parsed all @keyframes from animate.css.

Install

npm install -D postcss-animation.css-data postcss-animations
# or
yarn add -D postcss-animation.css-data postcss-animations

Use

const postcss           = require('postcss');
const postcssAnimations = require('postcss-animations');
const animationData     = require('postcss-animation.css-data');

const CSS = `
.jackInTheBox {
    animation-name: jackInTheBox;
}
`;

postcss(
    postcssAnimations({
        data: [animationData],
        checkDuplications: true,
        disableCheckCssVariables: true
    })
).process(CSS).then(({css}) => {
    console.log(css);
});
/*
.jackInTheBox {
    animation-name: jackInTheBox;
}
@keyframes jackInTheBox  {
    // ...
}
*/

Regenerate:

git clone https://github.com/retyui/postcss-animation.css-data
cd postcss-magic.css-data
npm install
npm run build

Other animation data:

• postcss-magic.css-data
• postcss-tuesday.css-data
• postcss-mimic.css-data