@wizdm/animate
Version:
On Scroll Animation for Angular
12 lines • 1.72 kB
JavaScript
import { state, animate, style, transition } from '@angular/animations';
export const landing = [
state('idle-landing', style({ opacity: 0 })),
transition('* => landing', [
style({
transform: 'scale(1.2)',
opacity: 0
}),
animate('{{timing}} {{delay}} ease', style('*'))
], { params: { timing: '2s', delay: '' } })
];
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFuZGluZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2FuaW1hdGUvc3JjL2xpYi9lbnRyYW5jZXMvbGFuZGluZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFhLE1BQU0scUJBQXFCLENBQUM7QUFFbkYsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFHO0lBRXJCLEtBQUssQ0FBQyxjQUFjLEVBQUUsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUU7SUFDN0MsVUFBVSxDQUFDLGNBQWMsRUFBRTtRQUN6QixLQUFLLENBQUM7WUFDSixTQUFTLEVBQUUsWUFBWTtZQUN2QixPQUFPLEVBQUUsQ0FBQztTQUNYLENBQUM7UUFDRixPQUFPLENBQUMsMkJBQTJCLEVBQUUsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO0tBQ2pELEVBQUUsRUFBRSxNQUFNLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsRUFBQyxDQUFDO0NBQzNDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBzdGF0ZSwgYW5pbWF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIGtleWZyYW1lcyB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xyXG5cclxuZXhwb3J0IGNvbnN0IGxhbmRpbmcgPSBbXHJcblxyXG4gIHN0YXRlKCdpZGxlLWxhbmRpbmcnLCBzdHlsZSh7IG9wYWNpdHk6IDAgfSkgKSxcclxuICB0cmFuc2l0aW9uKCcqID0+IGxhbmRpbmcnLCBbXHJcbiAgICBzdHlsZSh7XHJcbiAgICAgIHRyYW5zZm9ybTogJ3NjYWxlKDEuMiknLFxyXG4gICAgICBvcGFjaXR5OiAwXHJcbiAgICB9KSwgXHJcbiAgICBhbmltYXRlKCd7e3RpbWluZ319IHt7ZGVsYXl9fSBlYXNlJywgc3R5bGUoJyonKSlcclxuICBdLCB7IHBhcmFtczogeyB0aW1pbmc6ICcycycsIGRlbGF5OiAnJyB9fSlcclxuXTsiXX0=