feat(event): Add animation

junction-asia-2023 · Aug 19, 2023 · 130a38c · 130a38c
1 parent b63ff57
commit 130a38c
Showing 1 changed file with 16 additions and 1 deletion.
diff --git a/src/features/event/event.scss b/src/features/event/event.scss
@@ -1,3 +1,18 @@
+@keyframes shake {
+	0% { 
+		transform: rotate(0deg);
+	}
+	25% {
+		transform: rotate(-3deg);
+	}
+	75% {
+		transform: rotate(3deg);
+	}
+	100% {
+		transform: rotate(0deg);
+	}
+}
+
 .event-container {
 	height: calc(100vh - 77px);
 
@@ -37,7 +52,7 @@
 			cursor: pointer;
 
 			:hover {
-				// TODO: 좌우 애니메이션
+				animation: shake 1s infinite ease-in;
 			}
 		}
 		.description {