diff --git a/src/animations/place.js b/src/animations/place.js index 788f8f1..809fcda 100644 --- a/src/animations/place.js +++ b/src/animations/place.js @@ -9,6 +9,7 @@ import { animDuration } from 'utils/store' export const animateIn = () => { const tl = anime.timeline({ duration: 1800, + delay: 1800, easing: 'easeOutQuart' }) diff --git a/src/atoms/TitleSite.svelte b/src/atoms/TitleSite.svelte index 651003f..ae5efb6 100644 --- a/src/atoms/TitleSite.svelte +++ b/src/atoms/TitleSite.svelte @@ -7,18 +7,19 @@ // Variables let scope + let mounted = false /* ** Run code on component mount */ onMount(() => { - // Entering transition + mounted = true animateIn(scope) }) -