ngx-animations
Version:
An adaptation of Animate.css using @angular/animations
52 lines • 8.12 kB
JavaScript
export const bounceIn = {
denominator: 5,
start: { opacity: '0', transform: 'scale3d(0.3, 0.3, 0.3)', offset: 0 },
steps: [
{ transform: 'scale3d(1.1, 1.1, 1.1)', offset: 0.2 },
{ transform: 'scale3d(0.9, 0.9, 0.9)', offset: 0.4 },
{ opacity: '1', transform: 'scale3d(1.03, 1.03, 1.03)', offset: 0.6 },
{ transform: 'scale3d(0.97, 0.97, 0.97)', offset: 0.8 },
{ opacity: '1', transform: 'scale3d(1, 1, 1)' }
]
};
export const bounceInDown = {
denominator: 4,
start: { opacity: '0', transform: 'translate3d(0, -3000px, 0)', offset: 0 },
steps: [
{ opacity: '1', transform: 'translate3d(0, 25px, 0)', offset: 0.6 },
{ transform: 'translate3d(0, -10px, 0)', offset: 0.75 },
{ transform: 'translate3d(0, 5px, 0)', offset: 0.9 },
{ transform: 'translate3d(0, 0, 0)' }
]
};
export const bounceInLeft = {
denominator: 4,
start: { opacity: '0', transform: 'translate3d(-3000px, 0, 0)', offset: 0 },
steps: [
{ opacity: '1', transform: 'translate3d(25px, 0, 0)', offset: 0.6 },
{ transform: 'translate3d(-10px, 0, 0)', offset: 0.75 },
{ transform: 'translate3d(5px, 0, 0)', offset: 0.9 },
{ transform: 'translate3d(0, 0, 0)' }
]
};
export const bounceInRight = {
denominator: 4,
start: { opacity: '0', transform: 'translate3d(3000px, 0, 0)', offset: 0 },
steps: [
{ opacity: '1', transform: 'translate3d(-25px, 0, 0)', offset: 0.6 },
{ transform: 'translate3d(10px, 0, 0)', offset: 0.75 },
{ transform: 'translate3d(-5px, 0, 0)', offset: 0.9 },
{ transform: 'translate3d(0, 0, 0)' }
]
};
export const bounceInUp = {
denominator: 4,
start: { opacity: '0', transform: 'translate3d(0, 3000px, 0)', offset: 0 },
steps: [
{ opacity: '1', transform: 'translate3d(0, -25px, 0)', offset: 0.6 },
{ transform: 'translate3d(0, 10px, 0)', offset: 0.75 },
{ transform: 'translate3d(0, -5px, 0)', offset: 0.9 },
{ transform: 'translate3d(0, 0, 0)' }
]
};
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm91bmNlLWVudHJhbmNlLmpzIiwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uL2xpYnMvbmd4LWFuaW1hdGlvbnMvc3JjLyIsInNvdXJjZXMiOlsibGliL2FuaW1hdGlvbnMvYm91bmNlLWVudHJhbmNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBd0I7SUFDM0MsV0FBVyxFQUFFLENBQUM7SUFDZCxLQUFLLEVBQUUsRUFBRSxPQUFPLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSx3QkFBd0IsRUFBRSxNQUFNLEVBQUUsQ0FBQyxFQUFFO0lBQ3ZFLEtBQUssRUFBRTtRQUNMLEVBQUUsU0FBUyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUU7UUFDcEQsRUFBRSxTQUFTLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRTtRQUNwRCxFQUFFLE9BQU8sRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUU7UUFDckUsRUFBRSxTQUFTLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRTtRQUN2RCxFQUFFLE9BQU8sRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLGtCQUFrQixFQUFFO0tBQ2hEO0NBQ0YsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FBd0I7SUFDL0MsV0FBVyxFQUFFLENBQUM7SUFDZCxLQUFLLEVBQUUsRUFBRSxPQUFPLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSw0QkFBNEIsRUFBRSxNQUFNLEVBQUUsQ0FBQyxFQUFFO0lBQzNFLEtBQUssRUFBRTtRQUNMLEVBQUUsT0FBTyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRTtRQUNuRSxFQUFFLFNBQVMsRUFBRSwwQkFBMEIsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFO1FBQ3ZELEVBQUUsU0FBUyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUU7UUFDcEQsRUFBRSxTQUFTLEVBQUUsc0JBQXNCLEVBQUU7S0FDdEM7Q0FDRixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sWUFBWSxHQUF3QjtJQUMvQyxXQUFXLEVBQUUsQ0FBQztJQUNkLEtBQUssRUFBRSxFQUFFLE9BQU8sRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sRUFBRSxDQUFDLEVBQUU7SUFDM0UsS0FBSyxFQUFFO1FBQ0wsRUFBRSxPQUFPLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSx5QkFBeUIsRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFO1FBQ25FLEVBQUUsU0FBUyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7UUFDdkQsRUFBRSxTQUFTLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRTtRQUNwRCxFQUFFLFNBQVMsRUFBRSxzQkFBc0IsRUFBRTtLQUN0QztDQUNGLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxhQUFhLEdBQXdCO0lBQ2hELFdBQVcsRUFBRSxDQUFDO0lBQ2QsS0FBSyxFQUFFLEVBQUUsT0FBTyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxFQUFFLENBQUMsRUFBRTtJQUMxRSxLQUFLLEVBQUU7UUFDTCxFQUFFLE9BQU8sRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUU7UUFDcEUsRUFBRSxTQUFTLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtRQUN0RCxFQUFFLFNBQVMsRUFBRSx5QkFBeUIsRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFO1FBQ3JELEVBQUUsU0FBUyxFQUFFLHNCQUFzQixFQUFFO0tBQ3RDO0NBQ0YsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBd0I7SUFDN0MsV0FBVyxFQUFFLENBQUM7SUFDZCxLQUFLLEVBQUUsRUFBRSxPQUFPLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSwyQkFBMkIsRUFBRSxNQUFNLEVBQUUsQ0FBQyxFQUFFO0lBQzFFLEtBQUssRUFBRTtRQUNMLEVBQUUsT0FBTyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRTtRQUNwRSxFQUFFLFNBQVMsRUFBRSx5QkFBeUIsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFO1FBQ3RELEVBQUUsU0FBUyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUU7UUFDckQsRUFBRSxTQUFTLEVBQUUsc0JBQXNCLEVBQUU7S0FDdEM7Q0FDRixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQW5pbWF0aW9uRGVmaW5pdGlvbiB9IGZyb20gJy4uL21vZGVsL2FuaW1hdGlvbi1kZWZpbml0aW9uJztcclxuXHJcbmV4cG9ydCBjb25zdCBib3VuY2VJbjogQW5pbWF0aW9uRGVmaW5pdGlvbiA9IHtcclxuICBkZW5vbWluYXRvcjogNSxcclxuICBzdGFydDogeyBvcGFjaXR5OiAnMCcsIHRyYW5zZm9ybTogJ3NjYWxlM2QoMC4zLCAwLjMsIDAuMyknLCBvZmZzZXQ6IDAgfSxcclxuICBzdGVwczogW1xyXG4gICAgeyB0cmFuc2Zvcm06ICdzY2FsZTNkKDEuMSwgMS4xLCAxLjEpJywgb2Zmc2V0OiAwLjIgfSxcclxuICAgIHsgdHJhbnNmb3JtOiAnc2NhbGUzZCgwLjksIDAuOSwgMC45KScsIG9mZnNldDogMC40IH0sXHJcbiAgICB7IG9wYWNpdHk6ICcxJywgdHJhbnNmb3JtOiAnc2NhbGUzZCgxLjAzLCAxLjAzLCAxLjAzKScsIG9mZnNldDogMC42IH0sXHJcbiAgICB7IHRyYW5zZm9ybTogJ3NjYWxlM2QoMC45NywgMC45NywgMC45NyknLCBvZmZzZXQ6IDAuOCB9LFxyXG4gICAgeyBvcGFjaXR5OiAnMScsIHRyYW5zZm9ybTogJ3NjYWxlM2QoMSwgMSwgMSknIH1cclxuICBdXHJcbn07XHJcblxyXG5leHBvcnQgY29uc3QgYm91bmNlSW5Eb3duOiBBbmltYXRpb25EZWZpbml0aW9uID0ge1xyXG4gIGRlbm9taW5hdG9yOiA0LFxyXG4gIHN0YXJ0OiB7IG9wYWNpdHk6ICcwJywgdHJhbnNmb3JtOiAndHJhbnNsYXRlM2QoMCwgLTMwMDBweCwgMCknLCBvZmZzZXQ6IDAgfSxcclxuICBzdGVwczogW1xyXG4gICAgeyBvcGFjaXR5OiAnMScsIHRyYW5zZm9ybTogJ3RyYW5zbGF0ZTNkKDAsIDI1cHgsIDApJywgb2Zmc2V0OiAwLjYgfSxcclxuICAgIHsgdHJhbnNmb3JtOiAndHJhbnNsYXRlM2QoMCwgLTEwcHgsIDApJywgb2Zmc2V0OiAwLjc1IH0sXHJcbiAgICB7IHRyYW5zZm9ybTogJ3RyYW5zbGF0ZTNkKDAsIDVweCwgMCknLCBvZmZzZXQ6IDAuOSB9LFxyXG4gICAgeyB0cmFuc2Zvcm06ICd0cmFuc2xhdGUzZCgwLCAwLCAwKScgfVxyXG4gIF1cclxufTtcclxuXHJcbmV4cG9ydCBjb25zdCBib3VuY2VJbkxlZnQ6IEFuaW1hdGlvbkRlZmluaXRpb24gPSB7XHJcbiAgZGVub21pbmF0b3I6IDQsXHJcbiAgc3RhcnQ6IHsgb3BhY2l0eTogJzAnLCB0cmFuc2Zvcm06ICd0cmFuc2xhdGUzZCgtMzAwMHB4LCAwLCAwKScsIG9mZnNldDogMCB9LFxyXG4gIHN0ZXBzOiBbXHJcbiAgICB7IG9wYWNpdHk6ICcxJywgdHJhbnNmb3JtOiAndHJhbnNsYXRlM2QoMjVweCwgMCwgMCknLCBvZmZzZXQ6IDAuNiB9LFxyXG4gICAgeyB0cmFuc2Zvcm06ICd0cmFuc2xhdGUzZCgtMTBweCwgMCwgMCknLCBvZmZzZXQ6IDAuNzUgfSxcclxuICAgIHsgdHJhbnNmb3JtOiAndHJhbnNsYXRlM2QoNXB4LCAwLCAwKScsIG9mZnNldDogMC45IH0sXHJcbiAgICB7IHRyYW5zZm9ybTogJ3RyYW5zbGF0ZTNkKDAsIDAsIDApJyB9XHJcbiAgXVxyXG59O1xyXG5cclxuZXhwb3J0IGNvbnN0IGJvdW5jZUluUmlnaHQ6IEFuaW1hdGlvbkRlZmluaXRpb24gPSB7XHJcbiAgZGVub21pbmF0b3I6IDQsXHJcbiAgc3RhcnQ6IHsgb3BhY2l0eTogJzAnLCB0cmFuc2Zvcm06ICd0cmFuc2xhdGUzZCgzMDAwcHgsIDAsIDApJywgb2Zmc2V0OiAwIH0sXHJcbiAgc3RlcHM6IFtcclxuICAgIHsgb3BhY2l0eTogJzEnLCB0cmFuc2Zvcm06ICd0cmFuc2xhdGUzZCgtMjVweCwgMCwgMCknLCBvZmZzZXQ6IDAuNiB9LFxyXG4gICAgeyB0cmFuc2Zvcm06ICd0cmFuc2xhdGUzZCgxMHB4LCAwLCAwKScsIG9mZnNldDogMC43NSB9LFxyXG4gICAgeyB0cmFuc2Zvcm06ICd0cmFuc2xhdGUzZCgtNXB4LCAwLCAwKScsIG9mZnNldDogMC45IH0sXHJcbiAgICB7IHRyYW5zZm9ybTogJ3RyYW5zbGF0ZTNkKDAsIDAsIDApJyB9XHJcbiAgXVxyXG59O1xyXG5cclxuZXhwb3J0IGNvbnN0IGJvdW5jZUluVXA6IEFuaW1hdGlvbkRlZmluaXRpb24gPSB7XHJcbiAgZGVub21pbmF0b3I6IDQsXHJcbiAgc3RhcnQ6IHsgb3BhY2l0eTogJzAnLCB0cmFuc2Zvcm06ICd0cmFuc2xhdGUzZCgwLCAzMDAwcHgsIDApJywgb2Zmc2V0OiAwIH0sXHJcbiAgc3RlcHM6IFtcclxuICAgIHsgb3BhY2l0eTogJzEnLCB0cmFuc2Zvcm06ICd0cmFuc2xhdGUzZCgwLCAtMjVweCwgMCknLCBvZmZzZXQ6IDAuNiB9LFxyXG4gICAgeyB0cmFuc2Zvcm06ICd0cmFuc2xhdGUzZCgwLCAxMHB4LCAwKScsIG9mZnNldDogMC43NSB9LFxyXG4gICAgeyB0cmFuc2Zvcm06ICd0cmFuc2xhdGUzZCgwLCAtNXB4LCAwKScsIG9mZnNldDogMC45IH0sXHJcbiAgICB7IHRyYW5zZm9ybTogJ3RyYW5zbGF0ZTNkKDAsIDAsIDApJyB9XHJcbiAgXVxyXG59O1xyXG4iXX0=