ngx-animations
Version:
An adaptation of Animate.css using @angular/animations
58 lines • 5.54 kB
JavaScript
export const hinge = {
denominator: 3,
start: {
'transform-origin': 'top left',
'animation-timing-function': 'ease-in-out'
},
steps: [
{
'transform-origin': 'top left',
'animation-timing-function': 'ease-in-out',
transform: 'rotate3d(0, 0, 1, 80deg)'
},
{
opacity: '1',
'transform-origin': 'top left',
'animation-timing-function': 'ease-in-out',
transform: 'rotate3d(0, 0, 1, 60deg)'
},
{
opacity: '0',
'transform-origin': 'top left',
'animation-timing-function': 'ease-in-out',
transform: 'translate3d(0, 700px, 0)'
}
]
};
export const jackInTheBox = {
denominator: 3,
start: {
opacity: '0',
'transform-origin': 'center bottom',
transform: 'scale(0.1) rotate(30deg)'
},
steps: [
{ transform: 'rotate(-10deg)' },
{ transform: 'rotate(3deg)' },
{ opacity: '1', transform: 'scale(1)' }
]
};
export const rollIn = {
denominator: 1,
start: {
opacity: '0',
transform: 'translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)'
},
steps: [{ opacity: '1', transform: 'translate3d(0, 0, 0)' }]
};
export const rollOut = {
denominator: 1,
start: { opacity: '1' },
steps: [
{
opacity: '0',
transform: 'translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)'
}
]
};
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BlY2lhbHMuanMiLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vbGlicy9uZ3gtYW5pbWF0aW9ucy9zcmMvIiwic291cmNlcyI6WyJsaWIvYW5pbWF0aW9ucy9zcGVjaWFscy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxNQUFNLENBQUMsTUFBTSxLQUFLLEdBQXdCO0lBQ3hDLFdBQVcsRUFBRSxDQUFDO0lBQ2QsS0FBSyxFQUFFO1FBQ0wsa0JBQWtCLEVBQUUsVUFBVTtRQUM5QiwyQkFBMkIsRUFBRSxhQUFhO0tBQzNDO0lBQ0QsS0FBSyxFQUFFO1FBQ0w7WUFDRSxrQkFBa0IsRUFBRSxVQUFVO1lBQzlCLDJCQUEyQixFQUFFLGFBQWE7WUFDMUMsU0FBUyxFQUFFLDBCQUEwQjtTQUN0QztRQUNEO1lBQ0UsT0FBTyxFQUFFLEdBQUc7WUFDWixrQkFBa0IsRUFBRSxVQUFVO1lBQzlCLDJCQUEyQixFQUFFLGFBQWE7WUFDMUMsU0FBUyxFQUFFLDBCQUEwQjtTQUN0QztRQUNEO1lBQ0UsT0FBTyxFQUFFLEdBQUc7WUFDWixrQkFBa0IsRUFBRSxVQUFVO1lBQzlCLDJCQUEyQixFQUFFLGFBQWE7WUFDMUMsU0FBUyxFQUFFLDBCQUEwQjtTQUN0QztLQUNGO0NBQ0YsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FBd0I7SUFDL0MsV0FBVyxFQUFFLENBQUM7SUFDZCxLQUFLLEVBQUU7UUFDTCxPQUFPLEVBQUUsR0FBRztRQUNaLGtCQUFrQixFQUFFLGVBQWU7UUFDbkMsU0FBUyxFQUFFLDBCQUEwQjtLQUN0QztJQUNELEtBQUssRUFBRTtRQUNMLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO1FBQy9CLEVBQUUsU0FBUyxFQUFFLGNBQWMsRUFBRTtRQUM3QixFQUFFLE9BQU8sRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRTtLQUN4QztDQUNGLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxNQUFNLEdBQXdCO0lBQ3pDLFdBQVcsRUFBRSxDQUFDO0lBQ2QsS0FBSyxFQUFFO1FBQ0wsT0FBTyxFQUFFLEdBQUc7UUFDWixTQUFTLEVBQUUscURBQXFEO0tBQ2pFO0lBQ0QsS0FBSyxFQUFFLENBQUMsRUFBRSxPQUFPLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxzQkFBc0IsRUFBRSxDQUFDO0NBQzdELENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxPQUFPLEdBQXdCO0lBQzFDLFdBQVcsRUFBRSxDQUFDO0lBQ2QsS0FBSyxFQUFFLEVBQUUsT0FBTyxFQUFFLEdBQUcsRUFBRTtJQUN2QixLQUFLLEVBQUU7UUFDTDtZQUNFLE9BQU8sRUFBRSxHQUFHO1lBQ1osU0FBUyxFQUFFLG1EQUFtRDtTQUMvRDtLQUNGO0NBQ0YsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFuaW1hdGlvbkRlZmluaXRpb24gfSBmcm9tICcuLi9tb2RlbC9hbmltYXRpb24tZGVmaW5pdGlvbic7XHJcblxyXG5leHBvcnQgY29uc3QgaGluZ2U6IEFuaW1hdGlvbkRlZmluaXRpb24gPSB7XHJcbiAgZGVub21pbmF0b3I6IDMsXHJcbiAgc3RhcnQ6IHtcclxuICAgICd0cmFuc2Zvcm0tb3JpZ2luJzogJ3RvcCBsZWZ0JyxcclxuICAgICdhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uJzogJ2Vhc2UtaW4tb3V0J1xyXG4gIH0sXHJcbiAgc3RlcHM6IFtcclxuICAgIHtcclxuICAgICAgJ3RyYW5zZm9ybS1vcmlnaW4nOiAndG9wIGxlZnQnLFxyXG4gICAgICAnYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbic6ICdlYXNlLWluLW91dCcsXHJcbiAgICAgIHRyYW5zZm9ybTogJ3JvdGF0ZTNkKDAsIDAsIDEsIDgwZGVnKSdcclxuICAgIH0sXHJcbiAgICB7XHJcbiAgICAgIG9wYWNpdHk6ICcxJyxcclxuICAgICAgJ3RyYW5zZm9ybS1vcmlnaW4nOiAndG9wIGxlZnQnLFxyXG4gICAgICAnYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbic6ICdlYXNlLWluLW91dCcsXHJcbiAgICAgIHRyYW5zZm9ybTogJ3JvdGF0ZTNkKDAsIDAsIDEsIDYwZGVnKSdcclxuICAgIH0sXHJcbiAgICB7XHJcbiAgICAgIG9wYWNpdHk6ICcwJyxcclxuICAgICAgJ3RyYW5zZm9ybS1vcmlnaW4nOiAndG9wIGxlZnQnLFxyXG4gICAgICAnYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbic6ICdlYXNlLWluLW91dCcsXHJcbiAgICAgIHRyYW5zZm9ybTogJ3RyYW5zbGF0ZTNkKDAsIDcwMHB4LCAwKSdcclxuICAgIH1cclxuICBdXHJcbn07XHJcblxyXG5leHBvcnQgY29uc3QgamFja0luVGhlQm94OiBBbmltYXRpb25EZWZpbml0aW9uID0ge1xyXG4gIGRlbm9taW5hdG9yOiAzLFxyXG4gIHN0YXJ0OiB7XHJcbiAgICBvcGFjaXR5OiAnMCcsXHJcbiAgICAndHJhbnNmb3JtLW9yaWdpbic6ICdjZW50ZXIgYm90dG9tJyxcclxuICAgIHRyYW5zZm9ybTogJ3NjYWxlKDAuMSkgcm90YXRlKDMwZGVnKSdcclxuICB9LFxyXG4gIHN0ZXBzOiBbXHJcbiAgICB7IHRyYW5zZm9ybTogJ3JvdGF0ZSgtMTBkZWcpJyB9LFxyXG4gICAgeyB0cmFuc2Zvcm06ICdyb3RhdGUoM2RlZyknIH0sXHJcbiAgICB7IG9wYWNpdHk6ICcxJywgdHJhbnNmb3JtOiAnc2NhbGUoMSknIH1cclxuICBdXHJcbn07XHJcblxyXG5leHBvcnQgY29uc3Qgcm9sbEluOiBBbmltYXRpb25EZWZpbml0aW9uID0ge1xyXG4gIGRlbm9taW5hdG9yOiAxLFxyXG4gIHN0YXJ0OiB7XHJcbiAgICBvcGFjaXR5OiAnMCcsXHJcbiAgICB0cmFuc2Zvcm06ICd0cmFuc2xhdGUzZCgtMTAwJSwgMCwgMCkgcm90YXRlM2QoMCwgMCwgMSwgLTEyMGRlZyknXHJcbiAgfSxcclxuICBzdGVwczogW3sgb3BhY2l0eTogJzEnLCB0cmFuc2Zvcm06ICd0cmFuc2xhdGUzZCgwLCAwLCAwKScgfV1cclxufTtcclxuXHJcbmV4cG9ydCBjb25zdCByb2xsT3V0OiBBbmltYXRpb25EZWZpbml0aW9uID0ge1xyXG4gIGRlbm9taW5hdG9yOiAxLFxyXG4gIHN0YXJ0OiB7IG9wYWNpdHk6ICcxJyB9LFxyXG4gIHN0ZXBzOiBbXHJcbiAgICB7XHJcbiAgICAgIG9wYWNpdHk6ICcwJyxcclxuICAgICAgdHJhbnNmb3JtOiAndHJhbnNsYXRlM2QoMTAwJSwgMCwgMCkgcm90YXRlM2QoMCwgMCwgMSwgMTIwZGVnKSdcclxuICAgIH1cclxuICBdXHJcbn07XHJcbiJdfQ==