@wizdm/animate
Version:
On Scroll Animation for Angular
12 lines • 2.06 kB
JavaScript
import { state, animate, style, transition } from '@angular/animations';
export const rollIn = [
state('idle-rollIn', style({ opacity: 0 })),
transition('* => rollIn', [
style({
transform: 'translateX(-100%) rotate3d(0, 0, 1, -120deg)',
opacity: 0
}),
animate("{{timing}} {{delay}} cubic-bezier(.8, -0.6, 0.2, 1.5)", style({ transform: 'translateX(0)', opacity: 1 }))
], { params: { timing: '1s', delay: '' } })
];
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm9sbC1pbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2FuaW1hdGUvc3JjL2xpYi9lbnRyYW5jZXMvcm9sbC1pbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFhLE1BQU0scUJBQXFCLENBQUM7QUFFbkYsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFHO0lBRXBCLEtBQUssQ0FBQyxhQUFhLEVBQUUsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUU7SUFFNUMsVUFBVSxDQUFDLGFBQWEsRUFBRTtRQUV4QixLQUFLLENBQUM7WUFDSixTQUFTLEVBQUUsOENBQThDO1lBQ3pELE9BQU8sRUFBRSxDQUFDO1NBQ1gsQ0FBQztRQUVGLE9BQU8sQ0FBQyx1REFBdUQsRUFFN0QsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGVBQWUsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQztLQUVyRCxFQUFFLEVBQUUsTUFBTSxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLEVBQUMsQ0FBRTtDQUM1QyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgc3RhdGUsIGFuaW1hdGUsIHN0eWxlLCB0cmFuc2l0aW9uLCBrZXlmcmFtZXMgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcclxuXHJcbmV4cG9ydCBjb25zdCByb2xsSW4gPSBbXHJcblxyXG4gIHN0YXRlKCdpZGxlLXJvbGxJbicsIHN0eWxlKHsgb3BhY2l0eTogMCB9KSApLFxyXG5cclxuICB0cmFuc2l0aW9uKCcqID0+IHJvbGxJbicsIFtcclxuXHJcbiAgICBzdHlsZSh7IFxyXG4gICAgICB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKC0xMDAlKSByb3RhdGUzZCgwLCAwLCAxLCAtMTIwZGVnKScsIFxyXG4gICAgICBvcGFjaXR5OiAwIFxyXG4gICAgfSksXHJcbiAgICBcclxuICAgIGFuaW1hdGUoXCJ7e3RpbWluZ319IHt7ZGVsYXl9fSBjdWJpYy1iZXppZXIoLjgsIC0wLjYsIDAuMiwgMS41KVwiLCBcclxuXHJcbiAgICAgIHN0eWxlKHsgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCgwKScsIG9wYWNpdHk6IDEgfSkpXHJcblxyXG4gIF0sIHsgcGFyYW1zOiB7IHRpbWluZzogJzFzJywgZGVsYXk6ICcnIH19IClcclxuXTtcclxuIl19