diff --git a/src/animations/page.js b/src/animations/page.js index 214e09c..5a72e78 100644 --- a/src/animations/page.js +++ b/src/animations/page.js @@ -8,24 +8,15 @@ import { animDuration, animDelay } from 'utils/store' export const animateIn = () => { const tl = anime.timeline({ easing: 'easeOutQuart', - duration: animDuration, - delay: animDelay + duration: animDuration }) // Simple slide and fade on each part of the page tl.add({ - targets: document.querySelectorAll('.page__part'), + targets: document.querySelectorAll('.page__part, .globe'), opacity: [0, 1], translateY: [8, 0], translateZ: [0, 0], - delay: anime.stagger(160) + delay: anime.stagger(200, { start: animDelay }) }) - - // Globe - tl.add({ - targets: document.querySelector('.globe'), - opacity: [0, 1], - translateY: ['5%', 0], - translateZ: [0, 0] - }, 200) }