/* const { addAnimation } = require('../rules');

module.exports = (root, opts) => {
    addAnimation(
        {
            name: 'flip',
            from: { transform: 'perspective(2000px) rotateX(-100deg)' },
            to: { transform: 'perspective(2000px) rotateX(0)' },
            duration: '.15s',
            timing: 'linear',
            backfaceVisibility: 'visible'
        },
        root,
        opts
    );

    addAnimation(
        {
            name: 'flipleft',
            from: { opacity: '0', transform: 'perspective(2000px) rotateY(-100deg)' },
            to: { opacity: '1', transform: 'perspective(2000px) rotateY(0)' },
            duration: '.15s',
            timing: 'linear',
            backfaceVisibility: 'visible'
        },
        root,
        opts
    );

    addAnimation(
        {
            name: 'flipright',
            from: { opacity: '0', transform: 'perspective(2000px) rotateY(100deg)' },
            to: { opacity: '1', transform: 'perspective(2000px) rotateY(0)' },
            duration: '.15s',
            timing: 'linear',
            backfaceVisibility: 'visible'
        },
        root,
        opts
    );

    addAnimation(
        {
            name: 'flipup',
            from: { opacity: '0', transform: 'perspective(2000px) rotateX(-100deg)' },
            to: { opacity: '1', transform: 'perspective(2000px) rotateX(0)' },
            duration: '.15s',
            timing: 'linear',
            backfaceVisibility: 'visible'
        },
        root,
        opts
    );
};
 */