@wizdm/animate
Version:
On Scroll Animation for Angular
16 lines • 3.21 kB
JavaScript
import { animate, style, transition, keyframes } from '@angular/animations';
export const rubberBand = [
transition('* => rubberBand', [
style('*'),
animate('{{timing}} {{delay}} ease-in-out', keyframes([
style({ transform: 'scale3d(1, 1, 1)', offset: 0 }),
style({ transform: 'scale3d(1.25, 0.75, 1)', offset: 0.3 }),
style({ transform: 'scale3d(0.75, 1.25, 1)', offset: 0.4 }),
style({ transform: 'scale3d(1.15, 0.85, 1)', offset: 0.5 }),
style({ transform: 'scale3d(0.95, 1.05, 1)', offset: 0.65 }),
style({ transform: 'scale3d(1.05, 0.95, 1)', offset: 0.75 }),
style({ transform: 'scale3d(1, 1, 1)', offset: 1 }),
]))
], { params: { timing: '1s', delay: '' } })
];
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicnViYmVyLWJhbmQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9hbmltYXRlL3NyYy9saWIvYXR0ZW50aW9uLXNlZWtlcnMvcnViYmVyLWJhbmQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBRTVFLE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRztJQUV4QixVQUFVLENBQUMsaUJBQWlCLEVBQUU7UUFFNUIsS0FBSyxDQUFDLEdBQUcsQ0FBQztRQUVWLE9BQU8sQ0FBQyxrQ0FBa0MsRUFFeEMsU0FBUyxDQUFDO1lBQ1IsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sRUFBRSxDQUFDLEVBQUUsQ0FBQztZQUNuRCxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxDQUFDO1lBQzNELEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSx3QkFBd0IsRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFLENBQUM7WUFDM0QsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsQ0FBQztZQUMzRCxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSxDQUFDO1lBQzVELEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSx3QkFBd0IsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLENBQUM7WUFDNUQsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sRUFBRSxDQUFDLEVBQUUsQ0FBQztTQUNwRCxDQUFDLENBRUg7S0FBQyxFQUFFLEVBQUUsTUFBTSxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFDLEVBQUMsQ0FDMUM7Q0FDRixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgYW5pbWF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIGtleWZyYW1lcyB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xyXG5cclxuZXhwb3J0IGNvbnN0IHJ1YmJlckJhbmQgPSBbXHJcblxyXG4gIHRyYW5zaXRpb24oJyogPT4gcnViYmVyQmFuZCcsIFtcclxuXHJcbiAgICBzdHlsZSgnKicpLFxyXG5cclxuICAgIGFuaW1hdGUoJ3t7dGltaW5nfX0ge3tkZWxheX19IGVhc2UtaW4tb3V0JywgXHJcblxyXG4gICAgICBrZXlmcmFtZXMoW1xyXG4gICAgICAgIHN0eWxlKHsgdHJhbnNmb3JtOiAnc2NhbGUzZCgxLCAxLCAxKScsIG9mZnNldDogMCB9KSxcclxuICAgICAgICBzdHlsZSh7IHRyYW5zZm9ybTogJ3NjYWxlM2QoMS4yNSwgMC43NSwgMSknLCBvZmZzZXQ6IDAuMyB9KSxcclxuICAgICAgICBzdHlsZSh7IHRyYW5zZm9ybTogJ3NjYWxlM2QoMC43NSwgMS4yNSwgMSknLCBvZmZzZXQ6IDAuNCB9KSxcclxuICAgICAgICBzdHlsZSh7IHRyYW5zZm9ybTogJ3NjYWxlM2QoMS4xNSwgMC44NSwgMSknLCBvZmZzZXQ6IDAuNSB9KSxcclxuICAgICAgICBzdHlsZSh7IHRyYW5zZm9ybTogJ3NjYWxlM2QoMC45NSwgMS4wNSwgMSknLCBvZmZzZXQ6IDAuNjUgfSksXHJcbiAgICAgICAgc3R5bGUoeyB0cmFuc2Zvcm06ICdzY2FsZTNkKDEuMDUsIDAuOTUsIDEpJywgb2Zmc2V0OiAwLjc1IH0pLFxyXG4gICAgICAgIHN0eWxlKHsgdHJhbnNmb3JtOiAnc2NhbGUzZCgxLCAxLCAxKScsIG9mZnNldDogMSB9KSxcclxuICAgICAgXSlcclxuICAgICAgXHJcbiAgICApXSwgeyBwYXJhbXM6IHsgdGltaW5nOiAnMXMnLCBkZWxheTogJyd9fVxyXG4gIClcclxuXTsiXX0=