Added animation to sections

SamElfring · Sep 27, 2023 · dd812f3 · dd812f3
1 parent 979e202
commit dd812f3
Showing 1 changed file with 33 additions and 9 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -6,19 +6,43 @@
 
         <NavigationButtons class="mt-8" />
 
-        <AboutMe class="mt-8" />
+        <AboutMe
+            class="mt-8"
+            v-motion-slide-top
+            :delay="200"
+        />
 
         <div class="mt-8 block lg:flex lg:gap-16">
-            <Experiences class="flex-1" />
-
-            <Study class="flex-1" />
+            <Experiences
+                class="flex-1"
+                v-motion-slide-visible-once-top
+                :delay="200"
+            />
+
+            <Study
+                class="flex-1"
+                v-motion-slide-visible-once-top
+                :delay="200"
+            />
         </div>
 
-        <Projects class="mt-8" />
-
-        <Skills class="mt-8" />
-
-        <Contact class="mt-8" />
+        <Projects
+            class="mt-8"
+            v-motion-slide-visible-once-top
+            :delay="200"
+        />
+
+        <Skills
+            class="mt-8"
+            v-motion-slide-visible-once-top
+            :delay="200"
+        />
+
+        <Contact
+            class="mt-8"
+            v-motion-slide-visible-once-top
+            :delay="200"
+        />
     </div>
 
     <Footer />