Add animation to CatchPhrase.vue

2026-01-24 06:52:06 +01:00 · 2024-07-02 00:52:07 +02:00
parent ea30a01cf1
commit 0dbeec5691
2 changed files with 19 additions and 2 deletions
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -16,5 +16,22 @@ export default <Partial<Config>>{
    './app.config.{js,ts}',
    'content/**/*.md'
  ],
+  theme: {
+    extend: {
+      animation: {
+        wave: 'wave 3s infinite'
+      },
+      keyframes: {
+        wave: {
+          '0%, 50%, 100%': {
+            transform: 'rotate(-12deg)'
+          },
+          '25%, 75%': {
+            transform: 'rotate(12deg) scale(1.5)'
+          }
+        }
+      }
+    }
+  },
  plugins: [typography]
 }