created animation + hoverAnimation helperFunction. Also Hero + Techstack (prev) styled and animated.

2024-12-20 01:12:49 +01:00
parent 1ff58ea7cc
commit 54df568dc6
24 changed files with 715 additions and 135 deletions
--- a/src/css/Hero.css
+++ b/src/css/Hero.css
@@ -1,9 +1,10 @@
 .hero {
-  grid-area: 1 / 1 / 5 / 5;
-  background-color: #28272a;
-  padding: 2rem;
-  border-radius: 1rem;
-  border: 0.5px solid rgb(73, 73, 73);
+  grid-area: 1 / 1 / 4 / 5;
+  animation-duration: 1.5s;
+}
+
+.hero:hover {
+  animation-duration: .5s;
 }

 .hero p span {