From 130a38c201fc3ec0113ce0eee5fdcbaa29c02fd9 Mon Sep 17 00:00:00 2001 From: 1ilsang <1ilsang@naver.com> Date: Sun, 20 Aug 2023 03:57:59 +0900 Subject: [PATCH] feat(event): Add animation --- src/features/event/event.scss | 17 ++++++++++++++++- 1 file changed, 16 insertions(+), 1 deletion(-) diff --git a/src/features/event/event.scss b/src/features/event/event.scss index 8c10118..93191b5 100644 --- 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 {