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