57 lines
1.5 KiB
JavaScript
57 lines
1.5 KiB
JavaScript
/* 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
|
|
);
|
|
};
|
|
*/
|