Adjusting dynamic titles opacity effect

mariana-caldas · mariana-caldas · commit f73d6a24e729 · 2022-05-02T10:54:29.000-07:00
diff --git a/components/Hero.js b/components/Hero.js
@@ -27,7 +27,7 @@ export default function Hero({
     }
   }, [titleIndex]);
 
-  setTimeout(handleTitleIndex, 1750);
+  setTimeout(handleTitleIndex, 1350);
 
   return (
     <div
diff --git a/styles/Hero.module.scss b/styles/Hero.module.scss
@@ -27,7 +27,7 @@
         font-style: italic;
         font-weight: bold;
         line-height: 3.5rem;
-        opacity: 1;
+        opacity: 0;
         @include transition(opacity 1.55s ease-in-out);
         @include desktop {
           font-size: 4.5rem;

Original file line number	Diff line number	Diff line change
`@@ -27,7 +27,7 @@ export default function Hero({`
`27`	`27`	`}`
`28`	`28`	`}, [titleIndex]);`
`29`	`29`
`30`		`- setTimeout(handleTitleIndex, 1750);`
	`30`	`+ setTimeout(handleTitleIndex, 1350);`
`31`	`31`
`32`	`32`	`return (`
`33`	`33`	`<div`