ngx-animations
Version:
An adaptation of Animate.css using @angular/animations
57 lines • 7.05 kB
JavaScript
export const flip = {
denominator: 4,
start: {
transform: 'perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg)'
},
steps: [
{
transform: 'perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg)'
},
{
transform: 'perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg)'
},
{
transform: 'perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg)'
},
{
transform: 'perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg)'
}
]
};
export const flipInX = {
denominator: 4,
start: { transform: 'perspective(400px) rotate3d(1, 0, 0, 90deg)' },
steps: [
{ transform: 'perspective(400px) rotate3d(1, 0, 0, -20deg)' },
{ transform: 'perspective(400px) rotate3d(1, 0, 0, 10deg)' },
{ transform: 'perspective(400px) rotate3d(1, 0, 0, -5deg)' },
{ transform: 'perspective(400px)' }
]
};
export const flipInY = {
denominator: 4,
start: { transform: 'perspective(400px) rotate3d(0, 1, 0, 90deg)' },
steps: [
{ transform: 'perspective(400px) rotate3d(0, 1, 0, -20deg)' },
{ transform: 'perspective(400px) rotate3d(0, 1, 0, 10deg)' },
{ transform: 'perspective(400px) rotate3d(0, 1, 0, -5deg)' },
{ transform: 'perspective(400px)' }
]
};
export const flipOutX = {
denominator: 2,
start: { transform: 'perspective(400px)' },
steps: [
{ transform: 'perspective(400px) rotate3d(1, 0, 0, -20deg)' },
{ opacity: 0, transform: 'perspective(400px) rotate3d(1, 0, 0, 90deg)' }
]
};
export const flipOutY = {
denominator: 2,
start: { transform: 'perspective(400px)' },
steps: [
{ transform: 'perspective(400px) rotate3d(0, 1, 0, -15deg)' },
{ opacity: 0, transform: 'perspective(400px) rotate3d(0, 1, 0, 90deg)' }
]
};
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxpcC5qcyIsInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi9saWJzL25neC1hbmltYXRpb25zL3NyYy8iLCJzb3VyY2VzIjpbImxpYi9hbmltYXRpb25zL2ZsaXAudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsTUFBTSxDQUFDLE1BQU0sSUFBSSxHQUF3QjtJQUN2QyxXQUFXLEVBQUUsQ0FBQztJQUNkLEtBQUssRUFBRTtRQUNMLFNBQVMsRUFDUCxxRkFBcUY7S0FDeEY7SUFDRCxLQUFLLEVBQUU7UUFDTDtZQUNFLFNBQVMsRUFDUCx5RkFBeUY7U0FDNUY7UUFDRDtZQUNFLFNBQVMsRUFDUCx5RkFBeUY7U0FDNUY7UUFDRDtZQUNFLFNBQVMsRUFDUCwyRkFBMkY7U0FDOUY7UUFDRDtZQUNFLFNBQVMsRUFDUCxrRkFBa0Y7U0FDckY7S0FDRjtDQUNGLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxPQUFPLEdBQXdCO0lBQzFDLFdBQVcsRUFBRSxDQUFDO0lBQ2QsS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLDZDQUE2QyxFQUFFO0lBQ25FLEtBQUssRUFBRTtRQUNMLEVBQUUsU0FBUyxFQUFFLDhDQUE4QyxFQUFFO1FBQzdELEVBQUUsU0FBUyxFQUFFLDZDQUE2QyxFQUFFO1FBQzVELEVBQUUsU0FBUyxFQUFFLDZDQUE2QyxFQUFFO1FBQzVELEVBQUUsU0FBUyxFQUFFLG9CQUFvQixFQUFFO0tBQ3BDO0NBQ0YsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLE9BQU8sR0FBd0I7SUFDMUMsV0FBVyxFQUFFLENBQUM7SUFDZCxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsNkNBQTZDLEVBQUU7SUFDbkUsS0FBSyxFQUFFO1FBQ0wsRUFBRSxTQUFTLEVBQUUsOENBQThDLEVBQUU7UUFDN0QsRUFBRSxTQUFTLEVBQUUsNkNBQTZDLEVBQUU7UUFDNUQsRUFBRSxTQUFTLEVBQUUsNkNBQTZDLEVBQUU7UUFDNUQsRUFBRSxTQUFTLEVBQUUsb0JBQW9CLEVBQUU7S0FDcEM7Q0FDRixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUF3QjtJQUMzQyxXQUFXLEVBQUUsQ0FBQztJQUNkLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxvQkFBb0IsRUFBRTtJQUMxQyxLQUFLLEVBQUU7UUFDTCxFQUFFLFNBQVMsRUFBRSw4Q0FBOEMsRUFBRTtRQUM3RCxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsU0FBUyxFQUFFLDZDQUE2QyxFQUFFO0tBQ3pFO0NBQ0YsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBd0I7SUFDM0MsV0FBVyxFQUFFLENBQUM7SUFDZCxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsb0JBQW9CLEVBQUU7SUFDMUMsS0FBSyxFQUFFO1FBQ0wsRUFBRSxTQUFTLEVBQUUsOENBQThDLEVBQUU7UUFDN0QsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLFNBQVMsRUFBRSw2Q0FBNkMsRUFBRTtLQUN6RTtDQUNGLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmltYXRpb25EZWZpbml0aW9uIH0gZnJvbSAnLi4vbW9kZWwvYW5pbWF0aW9uLWRlZmluaXRpb24nO1xyXG5cclxuZXhwb3J0IGNvbnN0IGZsaXA6IEFuaW1hdGlvbkRlZmluaXRpb24gPSB7XHJcbiAgZGVub21pbmF0b3I6IDQsXHJcbiAgc3RhcnQ6IHtcclxuICAgIHRyYW5zZm9ybTpcclxuICAgICAgJ3BlcnNwZWN0aXZlKDQwMHB4KSBzY2FsZTNkKDEsIDEsIDEpIHRyYW5zbGF0ZTNkKDAsIDAsIDApIHJvdGF0ZTNkKDAsIDEsIDAsIC0zNjBkZWcpJ1xyXG4gIH0sXHJcbiAgc3RlcHM6IFtcclxuICAgIHtcclxuICAgICAgdHJhbnNmb3JtOlxyXG4gICAgICAgICdwZXJzcGVjdGl2ZSg0MDBweCkgc2NhbGUzZCgxLCAxLCAxKSB0cmFuc2xhdGUzZCgwLCAwLCAxNTBweCkgcm90YXRlM2QoMCwgMSwgMCwgLTE5MGRlZyknXHJcbiAgICB9LFxyXG4gICAge1xyXG4gICAgICB0cmFuc2Zvcm06XHJcbiAgICAgICAgJ3BlcnNwZWN0aXZlKDQwMHB4KSBzY2FsZTNkKDEsIDEsIDEpIHRyYW5zbGF0ZTNkKDAsIDAsIDE1MHB4KSByb3RhdGUzZCgwLCAxLCAwLCAtMTcwZGVnKSdcclxuICAgIH0sXHJcbiAgICB7XHJcbiAgICAgIHRyYW5zZm9ybTpcclxuICAgICAgICAncGVyc3BlY3RpdmUoNDAwcHgpIHNjYWxlM2QoMC45NSwgMC45NSwgMC45NSkgdHJhbnNsYXRlM2QoMCwgMCwgMCkgcm90YXRlM2QoMCwgMSwgMCwgMGRlZyknXHJcbiAgICB9LFxyXG4gICAge1xyXG4gICAgICB0cmFuc2Zvcm06XHJcbiAgICAgICAgJ3BlcnNwZWN0aXZlKDQwMHB4KSBzY2FsZTNkKDEsIDEsIDEpIHRyYW5zbGF0ZTNkKDAsIDAsIDApIHJvdGF0ZTNkKDAsIDEsIDAsIDBkZWcpJ1xyXG4gICAgfVxyXG4gIF1cclxufTtcclxuXHJcbmV4cG9ydCBjb25zdCBmbGlwSW5YOiBBbmltYXRpb25EZWZpbml0aW9uID0ge1xyXG4gIGRlbm9taW5hdG9yOiA0LFxyXG4gIHN0YXJ0OiB7IHRyYW5zZm9ybTogJ3BlcnNwZWN0aXZlKDQwMHB4KSByb3RhdGUzZCgxLCAwLCAwLCA5MGRlZyknIH0sXHJcbiAgc3RlcHM6IFtcclxuICAgIHsgdHJhbnNmb3JtOiAncGVyc3BlY3RpdmUoNDAwcHgpIHJvdGF0ZTNkKDEsIDAsIDAsIC0yMGRlZyknIH0sXHJcbiAgICB7IHRyYW5zZm9ybTogJ3BlcnNwZWN0aXZlKDQwMHB4KSByb3RhdGUzZCgxLCAwLCAwLCAxMGRlZyknIH0sXHJcbiAgICB7IHRyYW5zZm9ybTogJ3BlcnNwZWN0aXZlKDQwMHB4KSByb3RhdGUzZCgxLCAwLCAwLCAtNWRlZyknIH0sXHJcbiAgICB7IHRyYW5zZm9ybTogJ3BlcnNwZWN0aXZlKDQwMHB4KScgfVxyXG4gIF1cclxufTtcclxuXHJcbmV4cG9ydCBjb25zdCBmbGlwSW5ZOiBBbmltYXRpb25EZWZpbml0aW9uID0ge1xyXG4gIGRlbm9taW5hdG9yOiA0LFxyXG4gIHN0YXJ0OiB7IHRyYW5zZm9ybTogJ3BlcnNwZWN0aXZlKDQwMHB4KSByb3RhdGUzZCgwLCAxLCAwLCA5MGRlZyknIH0sXHJcbiAgc3RlcHM6IFtcclxuICAgIHsgdHJhbnNmb3JtOiAncGVyc3BlY3RpdmUoNDAwcHgpIHJvdGF0ZTNkKDAsIDEsIDAsIC0yMGRlZyknIH0sXHJcbiAgICB7IHRyYW5zZm9ybTogJ3BlcnNwZWN0aXZlKDQwMHB4KSByb3RhdGUzZCgwLCAxLCAwLCAxMGRlZyknIH0sXHJcbiAgICB7IHRyYW5zZm9ybTogJ3BlcnNwZWN0aXZlKDQwMHB4KSByb3RhdGUzZCgwLCAxLCAwLCAtNWRlZyknIH0sXHJcbiAgICB7IHRyYW5zZm9ybTogJ3BlcnNwZWN0aXZlKDQwMHB4KScgfVxyXG4gIF1cclxufTtcclxuXHJcbmV4cG9ydCBjb25zdCBmbGlwT3V0WDogQW5pbWF0aW9uRGVmaW5pdGlvbiA9IHtcclxuICBkZW5vbWluYXRvcjogMixcclxuICBzdGFydDogeyB0cmFuc2Zvcm06ICdwZXJzcGVjdGl2ZSg0MDBweCknIH0sXHJcbiAgc3RlcHM6IFtcclxuICAgIHsgdHJhbnNmb3JtOiAncGVyc3BlY3RpdmUoNDAwcHgpIHJvdGF0ZTNkKDEsIDAsIDAsIC0yMGRlZyknIH0sXHJcbiAgICB7IG9wYWNpdHk6IDAsIHRyYW5zZm9ybTogJ3BlcnNwZWN0aXZlKDQwMHB4KSByb3RhdGUzZCgxLCAwLCAwLCA5MGRlZyknIH1cclxuICBdXHJcbn07XHJcblxyXG5leHBvcnQgY29uc3QgZmxpcE91dFk6IEFuaW1hdGlvbkRlZmluaXRpb24gPSB7XHJcbiAgZGVub21pbmF0b3I6IDIsXHJcbiAgc3RhcnQ6IHsgdHJhbnNmb3JtOiAncGVyc3BlY3RpdmUoNDAwcHgpJyB9LFxyXG4gIHN0ZXBzOiBbXHJcbiAgICB7IHRyYW5zZm9ybTogJ3BlcnNwZWN0aXZlKDQwMHB4KSByb3RhdGUzZCgwLCAxLCAwLCAtMTVkZWcpJyB9LFxyXG4gICAgeyBvcGFjaXR5OiAwLCB0cmFuc2Zvcm06ICdwZXJzcGVjdGl2ZSg0MDBweCkgcm90YXRlM2QoMCwgMSwgMCwgOTBkZWcpJyB9XHJcbiAgXVxyXG59O1xyXG4iXX0=