Update code

MediaSoftDev · Nov 16, 2023 · 4706021 · 4706021
1 parent f5b3d27
commit 4706021
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 2 deletions.
diff --git a/assets/js/app.js b/assets/js/app.js
@@ -48,6 +48,16 @@ gsap.from(".animate-membership", {
   delay: 0.5,
 });
 
+gsap.from(".animate-card-left", {
+    scrollTrigger: ".animate-card",
+    duration: 1,
+    opacity: 0,
+    x: -150,
+    y: -150,
+    stagger: 0.1,
+    delay: 0.2,
+  });
+
 gsap.from(".animate-card", {
   scrollTrigger: ".animate-card",
   duration: 1,
@@ -57,6 +67,16 @@ gsap.from(".animate-card", {
   delay: 0.2,
 });
 
+gsap.from(".animate-card-right", {
+    scrollTrigger: ".animate-card",
+    duration: 1,
+    opacity: 0,
+    x: 150,
+    y: -150,
+    stagger: 0.1,
+    delay: 0.2,
+  });
+
 gsap.from(".animate-work", {
   scrollTrigger: ".animate-work",
   duration: 1,
@@ -74,3 +94,4 @@ gsap.from(".animate-email", {
   stagger: 0.25,
   delay: 0.6,
 });
+
diff --git a/index.html b/index.html
@@ -152,7 +152,7 @@ <h1 class="animate-membership">View Our Plans</h1>
         Get started today and receive 25% off your first month
       </p>
       <div class="membership__wrapper">
-        <div class="membership__card animate-card">
+        <div class="membership__card animate-card-left">
           <div class="membership__title">
             <i class="fas fa-star card-icon"></i>
             <h3>Portfolio</h3>
@@ -184,7 +184,7 @@ <h3>Ecommerce</h3>
           </div>
           <a href="/" class="button">Sign Up</a>
         </div>
-        <div class="membership__card animate-card">
+        <div class="membership__card animate-card-right">
           <div class="membership__title">
             <i class="fas fa-gem card-icon"></i>
             <h3>Business</h3>