@wizdm/animate
Version:
On Scroll Animation for Angular
9 lines • 1.89 kB
JavaScript
import { state, animate, style, transition } from '@angular/animations';
export const bumpIn = [
state('idle-bumpIn', style({ opacity: 0 })),
transition('* => bumpIn', [
style({ transform: 'scale(0.5)', opacity: 0 }),
animate("{{timing}} {{delay}} cubic-bezier(.8, -0.6, 0.2, 1.5)", style({ transform: 'scale(1)', opacity: 1 }))
], { params: { timing: '500ms', delay: '' } })
];
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnVtcC1pbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2FuaW1hdGUvc3JjL2xpYi9lbnRyYW5jZXMvYnVtcC1pbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFFeEUsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFHO0lBRXBCLEtBQUssQ0FBQyxhQUFhLEVBQUUsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUU7SUFFNUMsVUFBVSxDQUFDLGFBQWEsRUFBRTtRQUV4QixLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQztRQUU5QyxPQUFPLENBQUMsdURBQXVELEVBRTdELEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUM7S0FFaEQsRUFBRSxFQUFFLE1BQU0sRUFBRSxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxFQUFDLENBQUU7Q0FDL0MsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHN0YXRlLCBhbmltYXRlLCBzdHlsZSwgdHJhbnNpdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xyXG5cclxuZXhwb3J0IGNvbnN0IGJ1bXBJbiA9IFtcclxuXHJcbiAgc3RhdGUoJ2lkbGUtYnVtcEluJywgc3R5bGUoeyBvcGFjaXR5OiAwIH0pICksXHJcblxyXG4gIHRyYW5zaXRpb24oJyogPT4gYnVtcEluJywgW1xyXG5cclxuICAgIHN0eWxlKHsgdHJhbnNmb3JtOiAnc2NhbGUoMC41KScsIG9wYWNpdHk6IDAgfSksXHJcbiAgICBcclxuICAgIGFuaW1hdGUoXCJ7e3RpbWluZ319IHt7ZGVsYXl9fSBjdWJpYy1iZXppZXIoLjgsIC0wLjYsIDAuMiwgMS41KVwiLCBcclxuXHJcbiAgICAgIHN0eWxlKHsgdHJhbnNmb3JtOiAnc2NhbGUoMSknLCBvcGFjaXR5OiAxIH0pKVxyXG5cclxuICBdLCB7IHBhcmFtczogeyB0aW1pbmc6ICc1MDBtcycsIGRlbGF5OiAnJyB9fSApXHJcbl07Il19