From 4d670dfb5ddaf6fa28995ceb8a3162daf0877459 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Sat, 16 Oct 2021 22:31:13 +0200
Subject: [PATCH] Add hover effect on Homepage collage photos

---
 src/style/pages/_homepage.scss | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/style/pages/_homepage.scss b/src/style/pages/_homepage.scss
index 8beacb7..812aff6 100644
--- a/src/style/pages/_homepage.scss
+++ b/src/style/pages/_homepage.scss
@@ -75,6 +75,12 @@
             picture {
                 background: $color-primary-tertiary20;
             }
+            a {
+                display: block;
+                cursor: zoom-in;
+                transition: transform 0.7s var(--ease-quart);
+                will-change: transform;
+            }
 
             // First row
             &:nth-child(1) {
@@ -190,6 +196,11 @@
                 z-index: 13;
             }
         }
+
+        // Slightly zoom in on hover
+        a:hover {
+            transform: scale(1.0375) rotate(2deg) translateZ(0);
+        }
     }
 
     // CTAS