feat: add tilt animation

risc0 · Jul 17, 2024 · 0f136fc · 0f136fc
1 parent 56be2f2
commit 0f136fc
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/config/tailwind.config.base.ts b/config/tailwind.config.base.ts
@@ -93,6 +93,11 @@ const config = {
           from: { opacity: "0" },
           to: { opacity: "1" },
         },
+        tilt: {
+          "0%, 50%, to": { transform: "rotate(0deg)" },
+          "25%": { transform: "rotate(0.5deg)" },
+          "75%": { transform: "rotate(-0.5deg)" },
+        },
         "head-shake": {
           "0%": { transform: "translateX(0)" },
           "6.5%": { transform: "translateX(-6px) rotateY(-9deg)" },
@@ -111,6 +116,7 @@ const config = {
         "head-shake": "head-shake 1s ease-in-out",
         "accordion-down": "accordion-down 0.2s ease-out",
         "accordion-up": "accordion-up 0.2s ease-out",
+        tilt: "tilt 10s linear infinite",
       },
     },
   },

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@risc0/ui",
-  "version": "0.0.123",
+  "version": "0.0.124",
   "private": false,
   "sideEffects": false,
   "type": "module",
@@ -44,7 +44,7 @@
     "tailwind-merge": "2.4.0",
     "tailwindcss": "3.4.6",
     "tailwindcss-animate": "1.0.7",
-    "typescript": "5.6.0-dev.20240716",
+    "typescript": "5.6.0-dev.20240717",
     "vaul": "0.9.1"
   },
   "devDependencies": {