💫 fix anim on hover

ImJustLucas · Oct 4, 2023 · d04fbc7 · d04fbc7
1 parent 58c821e
commit d04fbc7
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -67,18 +67,31 @@ const StyledLink = styled(Link)`
   color: ${({ theme }) => theme.colors.primary};
   font-weight: 700;
   position: relative;
+  transition: all 0.2s ease-in-out;
 
   &::before {
     content: "👉";
     position: absolute;
     font-size: 26px;
     left: -50px;
+    transition: all 0.2s ease-in-out;
   }
 
   &::after {
     content: "👈";
     position: absolute;
     font-size: 26px;
     right: -50px;
+    transition: all 0.2s ease-in-out;
+  }
+
+  &:hover {
+    &::before {
+      left: -40px;
+    }
+
+    &::after {
+      right: -40px;
+    }
   }
 `;