Added hover transition and shadow to credit cells to give a softer, m…

…ore professional look and increased radi us of corners ufosc#44
StrBoll · Sep 10, 2024 · 14e4c66 · 14e4c66
1 parent 36cd295
commit 14e4c66
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/About/About.css b/src/About/About.css
@@ -39,9 +39,14 @@
 .credit-cell img {
   width: 30vh; /* Ensure the image covers the container's width */
   object-fit: cover;
-  border-radius: 1vh;
+  border-radius: 1.5vh;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+  transition: transform 0.3s ease;
 }
 
+.credit-cell img:hover {
+  transform: scale(1.05);
+}
 .credit-name {
   font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
   font-size: 4vh;