tweak

royalfig · Jul 10, 2023 · 7f2038c · 7f2038c
1 parent 50592be
commit 7f2038c
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/assets/css/components/card.css b/assets/css/components/card.css
@@ -8,7 +8,7 @@
   color: #fff;
   border-radius: var(--radius);
   opacity: 0;
-  transition: opacity 0.2s linear;
+  transition: opacity 0.35s linear;
 }
 
 @supports (prefers-reduced-motion: reduce) {
@@ -251,7 +251,7 @@
   background-color: var(--surface-light);
   border-radius: var(--radius);
   opacity: 0;
-  transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+  transition: opacity 0.35s linear;
 }
 
 @media (--tablet) {

diff --git a/assets/js/app/app.js b/assets/js/app/app.js
@@ -34,7 +34,7 @@ function animateOnScroll() {
       entries.forEach((entry) => {
         const el = entry.target;
         const ratio = entry.intersectionRatio;
-        el.style.opacity = ratio + 0.25;
+        el.style.opacity = ratio > 0.5 ? ratio + 0.25 : ratio - 0.5;
       });
     },
     { threshold: [0, 0.25, 0.5, 0.75, 1] },