var mvLine = anime.timeline(); mvLine .add({ targets: '.mv-title-1', easing: 'easeOutExpo', opacity: 1, duration: 1000, }) .add({ targets: '.line-gray', width: '100%', height: '100%', easing: 'easeOutExpo' }) .add({ targets: '.line-blue', width: '100%', height: '100%', easing: 'easeOutExpo', offset: '-=800', duration: 500, }) .add({ targets: '#mv-image .el', translateY: '-142.8%', // translateY: '-118%', translateX: '-50%', easing: 'easeOutExpo', opacity: 1, }) .add({ targets: '.mv-title-2', easing: 'easeOutExpo', opacity: 1, offset: '-=400', }) .add({ targets: '.number', opacity: 1, easing: 'easeOutExpo', });