@wizdm/animate
Version:
On Scroll Animation for Angular
16 lines • 3.35 kB
JavaScript
import { animate, style, transition, keyframes } from '@angular/animations';
export const wobble = [
transition('* => wobble', [
style('*'),
animate('{{timing}} {{delay}} ease-in-out', keyframes([
style({ transform: 'translateX(0)', offset: 0 }),
style({ transform: 'translateX(-25%) rotate3d(0, 0, 1, -5deg)', offset: 0.15 }),
style({ transform: 'translateX(20%) rotate3d(0, 0, 1, 3deg)', offset: 0.3 }),
style({ transform: 'translateX(-15%) rotate3d(0, 0, 1, -3deg)', offset: 0.45 }),
style({ transform: 'translateX(10%) rotate3d(0, 0, 1, 2deg)', offset: 0.6 }),
style({ transform: 'translateX(-5%) rotate3d(0, 0, 1, -1deg)', offset: 0.75 }),
style({ transform: 'translateX(0)', offset: 1 })
]))
], { params: { timing: '1s', delay: '' } })
];
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid29iYmxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vYW5pbWF0ZS9zcmMvbGliL2F0dGVudGlvbi1zZWVrZXJzL3dvYmJsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQVMsT0FBTyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFFbkYsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFHO0lBRXBCLFVBQVUsQ0FBQyxhQUFhLEVBQUU7UUFDeEIsS0FBSyxDQUFDLEdBQUcsQ0FBQztRQUNWLE9BQU8sQ0FBQyxrQ0FBa0MsRUFDeEMsU0FBUyxDQUFDO1lBQ1IsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGVBQWUsRUFBRSxNQUFNLEVBQUUsQ0FBQyxFQUFFLENBQUM7WUFDaEQsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLDJDQUEyQyxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsQ0FBQztZQUMvRSxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUseUNBQXlDLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxDQUFDO1lBQzVFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSwyQ0FBMkMsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLENBQUM7WUFDL0UsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLHlDQUF5QyxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsQ0FBQztZQUM1RSxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsMENBQTBDLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSxDQUFDO1lBQzlFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUUsTUFBTSxFQUFFLENBQUMsRUFBRSxDQUFDO1NBQ2pELENBQUMsQ0FDSDtLQUFDLEVBQUUsRUFBRSxNQUFNLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsRUFBQyxDQUMzQztDQUNGLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBzdGF0ZSwgYW5pbWF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIGtleWZyYW1lcyB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xyXG5cclxuZXhwb3J0IGNvbnN0IHdvYmJsZSA9IFtcclxuXHJcbiAgdHJhbnNpdGlvbignKiA9PiB3b2JibGUnLCBbXHJcbiAgICBzdHlsZSgnKicpLFxyXG4gICAgYW5pbWF0ZSgne3t0aW1pbmd9fSB7e2RlbGF5fX0gZWFzZS1pbi1vdXQnLCBcclxuICAgICAga2V5ZnJhbWVzKFtcclxuICAgICAgICBzdHlsZSh7IHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoMCknLCBvZmZzZXQ6IDAgfSksXHJcbiAgICAgICAgc3R5bGUoeyB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKC0yNSUpIHJvdGF0ZTNkKDAsIDAsIDEsIC01ZGVnKScsIG9mZnNldDogMC4xNSB9KSxcclxuICAgICAgICBzdHlsZSh7IHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoMjAlKSByb3RhdGUzZCgwLCAwLCAxLCAzZGVnKScsIG9mZnNldDogMC4zIH0pLFxyXG4gICAgICAgIHN0eWxlKHsgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCgtMTUlKSByb3RhdGUzZCgwLCAwLCAxLCAtM2RlZyknLCBvZmZzZXQ6IDAuNDUgfSksXHJcbiAgICAgICAgc3R5bGUoeyB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKDEwJSkgcm90YXRlM2QoMCwgMCwgMSwgMmRlZyknLCBvZmZzZXQ6IDAuNiB9KSxcclxuICAgICAgICBzdHlsZSh7IHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoLTUlKSByb3RhdGUzZCgwLCAwLCAxLCAtMWRlZyknLCBvZmZzZXQ6IDAuNzUgfSksXHJcbiAgICAgICAgc3R5bGUoeyB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKDApJywgb2Zmc2V0OiAxIH0pXHJcbiAgICAgIF0pXHJcbiAgICApXSwgeyBwYXJhbXM6IHsgdGltaW5nOiAnMXMnLCBkZWxheTogJycgfX1cclxuICApICBcclxuXTsiXX0=