This commit is contained in:
@@ -7,6 +7,10 @@ import { animDurationLong } from 'utils/store'
|
|||||||
** Transition In
|
** Transition In
|
||||||
*/
|
*/
|
||||||
export const animateIn = scope => {
|
export const animateIn = scope => {
|
||||||
|
// Each location (reveal on scroll)
|
||||||
|
const locations = ScrollOut({
|
||||||
|
targets: scope.querySelectorAll('.location'),
|
||||||
|
onShown (el) {
|
||||||
const tl = anime.timeline({
|
const tl = anime.timeline({
|
||||||
autoplay: false,
|
autoplay: false,
|
||||||
duration: 600,
|
duration: 600,
|
||||||
@@ -34,13 +38,6 @@ export const animateIn = scope => {
|
|||||||
targets: scope.querySelector('p'),
|
targets: scope.querySelector('p'),
|
||||||
translateY: ['100%', 0]
|
translateY: ['100%', 0]
|
||||||
}, 550)
|
}, 550)
|
||||||
|
|
||||||
|
|
||||||
// Each location (reveal on scroll)
|
|
||||||
const locations = ScrollOut({
|
|
||||||
targets: scope.querySelectorAll('.location'),
|
|
||||||
onShown (el) {
|
|
||||||
tl.restart()
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user