@wizdm/animate
Version:
On Scroll Animation for Angular
15 lines • 3.04 kB
JavaScript
import { animate, style, transition, keyframes } from '@angular/animations';
export const swing = [
transition('* => swing', [
style({ transformOrigin: 'top center' }),
animate('{{timing}} {{delay}} ease-in-out', keyframes([
style({ transform: 'rotate3d(0, 0, 1, 0deg)', offset: 0 }),
style({ transform: 'rotate3d(0, 0, 1, 15deg)', offset: 0.2 }),
style({ transform: 'rotate3d(0, 0, 1, -10deg)', offset: 0.4 }),
style({ transform: 'rotate3d(0, 0, 1, 5deg)', offset: 0.6 }),
style({ transform: 'rotate3d(0, 0, 1, -5deg)', offset: 0.8 }),
style({ transform: 'rotate3d(0, 0, 1, 0deg)', offset: 1 })
]))
], { params: { timing: '1s', delay: '' } })
];
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3dpbmcuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9hbmltYXRlL3NyYy9saWIvYXR0ZW50aW9uLXNlZWtlcnMvc3dpbmcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFTLE9BQU8sRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBRW5GLE1BQU0sQ0FBQyxNQUFNLEtBQUssR0FBRztJQUVuQixVQUFVLENBQUMsWUFBWSxFQUFFO1FBQ3ZCLEtBQUssQ0FBQyxFQUFFLGVBQWUsRUFBRSxZQUFZLEVBQUUsQ0FBQztRQUN4QyxPQUFPLENBQUMsa0NBQWtDLEVBQ3hDLFNBQVMsQ0FBQztZQUNSLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSx5QkFBeUIsRUFBRSxNQUFNLEVBQUUsQ0FBQyxFQUFFLENBQUM7WUFDMUQsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsQ0FBQztZQUM3RCxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxDQUFDO1lBQzlELEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSx5QkFBeUIsRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFLENBQUM7WUFDNUQsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsQ0FBQztZQUM3RCxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxFQUFFLENBQUMsRUFBRSxDQUFDO1NBQzNELENBQUMsQ0FDSDtLQUFDLEVBQUUsRUFBRSxNQUFNLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsRUFBQyxDQUMzQztDQUNGLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBzdGF0ZSwgYW5pbWF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIGtleWZyYW1lcyB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xyXG5cclxuZXhwb3J0IGNvbnN0IHN3aW5nID0gW1xyXG5cclxuICB0cmFuc2l0aW9uKCcqID0+IHN3aW5nJywgW1xyXG4gICAgc3R5bGUoeyB0cmFuc2Zvcm1PcmlnaW46ICd0b3AgY2VudGVyJyB9KSxcclxuICAgIGFuaW1hdGUoJ3t7dGltaW5nfX0ge3tkZWxheX19IGVhc2UtaW4tb3V0JywgXHJcbiAgICAgIGtleWZyYW1lcyhbXHJcbiAgICAgICAgc3R5bGUoeyB0cmFuc2Zvcm06ICdyb3RhdGUzZCgwLCAwLCAxLCAwZGVnKScsIG9mZnNldDogMCB9KSxcclxuICAgICAgICBzdHlsZSh7IHRyYW5zZm9ybTogJ3JvdGF0ZTNkKDAsIDAsIDEsIDE1ZGVnKScsIG9mZnNldDogMC4yIH0pLFxyXG4gICAgICAgIHN0eWxlKHsgdHJhbnNmb3JtOiAncm90YXRlM2QoMCwgMCwgMSwgLTEwZGVnKScsIG9mZnNldDogMC40IH0pLFxyXG4gICAgICAgIHN0eWxlKHsgdHJhbnNmb3JtOiAncm90YXRlM2QoMCwgMCwgMSwgNWRlZyknLCBvZmZzZXQ6IDAuNiB9KSxcclxuICAgICAgICBzdHlsZSh7IHRyYW5zZm9ybTogJ3JvdGF0ZTNkKDAsIDAsIDEsIC01ZGVnKScsIG9mZnNldDogMC44IH0pLFxyXG4gICAgICAgIHN0eWxlKHsgdHJhbnNmb3JtOiAncm90YXRlM2QoMCwgMCwgMSwgMGRlZyknLCBvZmZzZXQ6IDEgfSlcclxuICAgICAgXSlcclxuICAgICldLCB7IHBhcmFtczogeyB0aW1pbmc6ICcxcycsIGRlbGF5OiAnJyB9fVxyXG4gIClcclxuXTsiXX0=