diff --git a/assets/styles/_animations.scss b/assets/styles/_animations.scss index 40e9006..61a53ed 100644 --- a/assets/styles/_animations.scss +++ b/assets/styles/_animations.scss @@ -37,3 +37,9 @@ transform: rotate(360deg); } } + +// AOS customization + +[data-aos='fade-up'] { + transform: translate3d(0, 5rem, 0); +} diff --git a/pages/index.vue b/pages/index.vue index 93eaeac..42037a9 100644 --- a/pages/index.vue +++ b/pages/index.vue @@ -26,11 +26,11 @@ onMounted(() => { const AOS = useNuxtApp().$AOS; AOS.init({ - offset: 100, + delay: 0, duration: 600, easing: 'ease-in-out', - delay: 0, - once: false + offset: 100, + once: true }); })