سون لرن • آموزش

{ const config = { in: { base: { duration: 1, delay: 100, easing: 'linear', opacity: 1, translateY: { value: [-40,0], duration: 800, easing: 'easeOutElastic' } }, path: { duration: 600, easing: 'easeInOutSine', strokeDashoffset: [anime.setDashoffset, 0], fill: { value: '#141514', duration: 400, delay: 500, easing: 'linear' } }, ...

{ const config = { in: { base: { duration: 1, delay: 100, easing: 'linear', opacity: 1 }, path: { duration: 1000, easing: 'easeOutExpo', delay: function(t,i) { retu i*150; }, scale: [0,1], translateY: function(t,i,c) { retu i === c-1 ? ['50%','0%'] : 0; }, rotate: function(t,i,c) { retu i === c-1 ? [90,0] : 0; } }, content: { ...

{ const config = { in: { base: { duration: 1, delay: 50, easing: 'linear', opacity: 1 }, path: { duration: 800, delay: 100, easing: 'easeOutElastic', delay: function(t,i) { retu i*20; }, scale: [0,1], }, content: { duration: 300, delay: 250, easing: 'easeOutExpo', scale: [0.7,1], opacity: { value: 1, easing: 'linear', durat...

{ const config = { in: { base: { duration: 500, easing: 'easeOutQuint', translateY: [100,0], opacity: { value: 1, duration: 50, easing: 'linear' } }, shape: { duration: 350, easing: 'easeOutBack', scaleY:{ value: [1.3,1], duration: 1300, easing: 'easeOutElastic', elasticity: 500 }, scaleX: { value: [0.3,1], duration: 1300, ...

{ const config = { in: { base: { duration: 1, easing: 'linear', opacity: 1 }, path: { duration: 800, easing: 'easeOutQuint', rotate: [0,90], opacity: { value: 1, duration: 200, easing: 'linear' } }, content: { duration: 600, easing: 'easeOutQuint', translateX: [50,0], opacity: { value: 1, duration: 100, easing: 'linear' } ...