75 lines
2.1 KiB
JavaScript
75 lines
2.1 KiB
JavaScript
/* const { addAnimation } = require('../rules');
|
|
|
|
module.exports = (root, opts) => {
|
|
addAnimation(
|
|
{
|
|
name: 'zoomin',
|
|
from: { opacity: '0', transform: 'scale3d(0.3, 0.3, 0.3)' },
|
|
to: { opacity: '1' },
|
|
toValue: '50%',
|
|
duration: '.15s',
|
|
timing: 'linear',
|
|
backfaceVisibility: 'visible'
|
|
},
|
|
root,
|
|
opts
|
|
);
|
|
|
|
addAnimation(
|
|
{
|
|
name: 'zoomindown',
|
|
from: { opacity: '0', transform: 'scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0)' },
|
|
to: { opacity: '1', transform: 'scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)' },
|
|
toValue: '60%',
|
|
duration: '.15s',
|
|
timing: 'linear',
|
|
backfaceVisibility: 'visible'
|
|
},
|
|
root,
|
|
opts
|
|
);
|
|
|
|
addAnimation(
|
|
{
|
|
name: 'zoominleft',
|
|
from: { opacity: '0', transform: 'scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0)' },
|
|
to: { opacity: '1', transform: 'scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0)' },
|
|
toValue: '60%',
|
|
duration: '.15s',
|
|
timing: 'linear',
|
|
backfaceVisibility: 'visible'
|
|
},
|
|
root,
|
|
opts
|
|
);
|
|
|
|
addAnimation(
|
|
{
|
|
name: 'zoominright',
|
|
from: { opacity: '0', transform: 'scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0)' },
|
|
to: { opacity: '1', transform: 'scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0)' },
|
|
toValue: '60%',
|
|
duration: '.15s',
|
|
timing: 'linear',
|
|
backfaceVisibility: 'visible'
|
|
},
|
|
root,
|
|
opts
|
|
);
|
|
|
|
addAnimation(
|
|
{
|
|
name: 'zoominup',
|
|
from: { opacity: '0', transform: 'scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0)' },
|
|
to: { opacity: '1', transform: 'scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)' },
|
|
toValue: '60%',
|
|
duration: '.15s',
|
|
timing: 'linear',
|
|
backfaceVisibility: 'visible'
|
|
},
|
|
root,
|
|
opts
|
|
);
|
|
};
|
|
*/
|