line animation

shoaib-inamdar · Jun 24, 2024 · 28a0299 · 28a0299
1 parent 486a6b9
commit 28a0299
Showing 1 changed file with 35 additions and 0 deletions.
diff --git a/script.js b/script.js
@@ -165,6 +165,15 @@ gsap.from("#page3 h1",{
 
   }
 })
+gsap.from(".underline",{
+  width:"0%",
+  scrollTrigger:{
+    scroller:'body',
+    trigger:'.page3-heading',
+    start:'top 70%',
+  }
+})
+
 gsap.from(".page4 h1",{
   transform:"translateY(100%)",
   scrollTrigger:{
@@ -174,12 +183,38 @@ gsap.from(".page4 h1",{
 
   }
 })
+gsap.from(".line1",{
+  width:"0%",
+  scrollTrigger:{
+    scroller:'body',
+    trigger:'.page4-heading',
+    start:'top 70%',
+  }
+})
+gsap.from(".line2",{
+  width:"0%",
+  scrollTrigger:{
+    scroller:'body',
+    trigger:'.line2',
+    start:'top 70%',
+  }
+})
 gsap.from(".contact h1",{
   transform:"translateY(100%)",
   scrollTrigger:{
     scroller:'body',
     trigger:'.contact-heading',
     start:'top 70%',
 
+  }
+})
+gsap.from(".line3,.line4",{
+  width:"0%",
+  stagger:.5,
+  scrollTrigger:{
+    scroller:'body',
+    trigger:'.line3',
+    start:'top 70%',
+
   }
 })