Rename Homepage timeline variable
This commit is contained in:
@@ -26,20 +26,20 @@
|
|||||||
|
|
||||||
onMount(() => {
|
onMount(() => {
|
||||||
// Setup animations
|
// Setup animations
|
||||||
const introTimeline = anime.timeline({
|
const timeline = anime.timeline({
|
||||||
duration: 1600,
|
duration: 1600,
|
||||||
easing: 'easeOutQuart',
|
easing: 'easeOutQuart',
|
||||||
})
|
})
|
||||||
|
|
||||||
// Reveal text
|
// Reveal text
|
||||||
introTimeline.add({
|
timeline.add({
|
||||||
targets: '.homepage__headline',
|
targets: '.homepage__headline',
|
||||||
translateY: [16, 0],
|
translateY: [16, 0],
|
||||||
opacity: [0, 1],
|
opacity: [0, 1],
|
||||||
}, 900)
|
}, 900)
|
||||||
|
|
||||||
// Animate collage photos
|
// Animate collage photos
|
||||||
introTimeline.add({
|
timeline.add({
|
||||||
targets: '.homepage__collage .photo-card',
|
targets: '.homepage__collage .photo-card',
|
||||||
translateY: ['33.333%', 0],
|
translateY: ['33.333%', 0],
|
||||||
rotate (item: HTMLElement) {
|
rotate (item: HTMLElement) {
|
||||||
|
|||||||
Reference in New Issue
Block a user