Merge pull request #60 from team-pofo/style/#59/cardHoverEvent

style. #59-프로젝트 카드 호버시 이벤트 추가
team-pofo · Jan 20, 2025 · f6b3662 · f6b3662
2 parents 08d0650 + 7ff860c
commit f6b3662
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/components/ProjectCard/styles.ts b/src/components/ProjectCard/styles.ts
@@ -7,6 +7,14 @@ export const Card = styled.div`
   overflow: hidden;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
   cursor: pointer;
+  transition:
+    transform 0.3s ease,
+    box-shadow 0.3s ease;
+
+  &:hover {
+    transform: translateY(-8px);
+    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
+  }
 `;
 
 export const ImageWrapper = styled.div`