Félix Péault
89911ad7c1
All checks were successful
continuous-integration/drone/push Build is passing
23 lines
523 B
JavaScript
23 lines
523 B
JavaScript
import anime from 'animejs'
|
|
import { animDuration, animDelay } from 'utils/store'
|
|
|
|
|
|
/*
|
|
** Transition In
|
|
*/
|
|
export const animateIn = () => {
|
|
const tl = anime.timeline({
|
|
easing: 'easeOutQuart',
|
|
duration: animDuration
|
|
})
|
|
|
|
// Simple slide and fade on each part of the page
|
|
tl.add({
|
|
targets: document.querySelectorAll('.page__part, .globe'),
|
|
opacity: [0, 1],
|
|
translateY: [8, 0],
|
|
translateZ: [0, 0],
|
|
delay: anime.stagger(200, { start: animDelay })
|
|
})
|
|
}
|