소스 검색

feat: add shake animation CSS for delete button confirmation state

Define @keyframes shake and @utility animate-shake in globals.css
so the DeleteButton component's confirming state visual feedback works.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
User 2 달 전
부모
커밋
9d3dc70f87
1개의 변경된 파일10개의 추가작업 그리고 0개의 파일을 삭제
  1. 10 0
      src/app/globals.css

+ 10 - 0
src/app/globals.css

@@ -24,3 +24,13 @@ body {
   color: var(--foreground);
   font-family: Arial, Helvetica, sans-serif;
 }
+
+@keyframes shake {
+  0%, 100% { transform: translateX(0); }
+  20%, 60% { transform: translateX(-4px); }
+  40%, 80% { transform: translateX(4px); }
+}
+
+@utility animate-shake {
+  animation: shake 0.5s ease-in-out;
+}