tweak gallery img hover animation

SeaDve · Aug 24, 2024 · 67e2235 · 67e2235
1 parent 9c2ccab
commit 67e2235
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/sass/main.scss b/sass/main.scss
@@ -37,16 +37,16 @@
     grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
     grid-auto-rows: auto;
     grid-auto-flow: dense;
-    gap: 12px;
+    gap: 18px;
     margin-top: 4vmin;
 }
 
 .gallery img {
     border-radius: 1rem;
     box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
-    transition: ease-out 0.2s;
+    transition: transform 200ms ease;
 }
 
 .gallery img:hover {
-    transform: scale(1.02);
+    transform: scale(1.05);
 }