@wizdm/animate
Version:
On Scroll Animation for Angular
12 lines • 1.93 kB
JavaScript
import { animate, style, transition, keyframes } from '@angular/animations';
export const beat = [
transition('* => beat', [
style('*'),
animate('{{timing}} {{delay}} cubic-bezier(.8, -0.6, 0.2, 1.5)', keyframes([
style({ transform: 'scale(0.8)' }),
style({ transform: 'scale(1.5)' }),
style({ transform: 'scale(1)' })
]))
], { params: { timing: '500ms', delay: '' } })
];
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmVhdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2FuaW1hdGUvc3JjL2xpYi9hdHRlbnRpb24tc2Vla2Vycy9iZWF0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBUyxPQUFPLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUVuRixNQUFNLENBQUMsTUFBTSxJQUFJLEdBQUc7SUFFbEIsVUFBVSxDQUFDLFdBQVcsRUFBRTtRQUN0QixLQUFLLENBQUMsR0FBRyxDQUFDO1FBQ1YsT0FBTyxDQUFDLHVEQUF1RCxFQUM3RCxTQUFTLENBQUM7WUFDUixLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLENBQUM7WUFDbEMsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxDQUFDO1lBQ2xDLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsQ0FBQztTQUNqQyxDQUFDLENBQ0g7S0FBQyxFQUFFLEVBQUUsTUFBTSxFQUFFLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLEVBQUMsQ0FDOUM7Q0FDRixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgc3RhdGUsIGFuaW1hdGUsIHN0eWxlLCB0cmFuc2l0aW9uLCBrZXlmcmFtZXMgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcclxuXHJcbmV4cG9ydCBjb25zdCBiZWF0ID0gW1xyXG5cclxuICB0cmFuc2l0aW9uKCcqID0+IGJlYXQnLCBbXHJcbiAgICBzdHlsZSgnKicpLFxyXG4gICAgYW5pbWF0ZSgne3t0aW1pbmd9fSB7e2RlbGF5fX0gY3ViaWMtYmV6aWVyKC44LCAtMC42LCAwLjIsIDEuNSknLCBcclxuICAgICAga2V5ZnJhbWVzKFtcclxuICAgICAgICBzdHlsZSh7IHRyYW5zZm9ybTogJ3NjYWxlKDAuOCknIH0pLFxyXG4gICAgICAgIHN0eWxlKHsgdHJhbnNmb3JtOiAnc2NhbGUoMS41KScgfSksXHJcbiAgICAgICAgc3R5bGUoeyB0cmFuc2Zvcm06ICdzY2FsZSgxKScgfSlcclxuICAgICAgXSlcclxuICAgICldLCB7IHBhcmFtczogeyB0aW1pbmc6ICc1MDBtcycsIGRlbGF5OiAnJyB9fVxyXG4gIClcclxuXTsiXX0=