Team page - hover interaction fix, reveal animation timing fix

dev-forwwward · Apr 12, 2024 · 07676d0 · 07676d0
1 parent 6acdc96
commit 07676d0
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/gsapTeam.js b/gsapTeam.js
@@ -5,7 +5,7 @@ function pageTransitionTeam() {
     duration: 1.5,
     translateY: "100%",
     opacity: 0,
-    delay: 0.5,
+    delay: 0.25,
     ease: "power2.out"
   });
 
@@ -15,15 +15,15 @@ function pageTransitionTeam() {
       width: "0"
     },
     opacity: 0,
-    delay: 0.1,
+    delay: 0.05,
     ease: "power2.out"
   });
 
   tl_team.from(".h4-team", {
     duration: 0.5,
     translateX: -50,
     opacity: 0,
-    delay: 0.3,
+    delay: 0.15,
     ease: "power2.out"
   });
 
@@ -33,9 +33,9 @@ function pageTransitionTeam() {
       duration: 1.0,
       translateY: 0,
       opacity: 0,
-      delay: 0.3,
+      delay: 0.15,
       ease: "power2.out",
-      stagger: 0.3
+      stagger: 0.15
     },
     "<"
   );

diff --git a/styles.css b/styles.css
@@ -778,6 +778,7 @@ body.page-team #container div canvas {
 }
 
 .new-style .active-team,
+.new-style .active-team > div,
 .new-style .accordion__item-team:hover {
   opacity: 1 !important;
 }