feat: more animations

risc0 · Jul 16, 2024 · 56be2f2 · 56be2f2
1 parent c11db7d
commit 56be2f2
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/config/tailwind.config.base.ts b/config/tailwind.config.base.ts
@@ -77,6 +77,18 @@ const config = {
           from: { opacity: "0", transform: "translateY(6px)" },
           to: { opacity: "1", transform: "translateY(0)" },
         },
+        "fade-in-down": {
+          from: { opacity: "0", transform: "translateY(-6px)" },
+          to: { opacity: "1", transform: "translateY(0)" },
+        },
+        "fade-in-left": {
+          from: { opacity: "0", transform: "translateX(6px)" },
+          to: { opacity: "1", transform: "translateX(0)" },
+        },
+        "fade-in-right": {
+          from: { opacity: "0", transform: "translateX(-6px)" },
+          to: { opacity: "1", transform: "translateX(0)" },
+        },
         "fade-in": {
           from: { opacity: "0" },
           to: { opacity: "1" },
@@ -93,6 +105,9 @@ const config = {
       animation: {
         "fade-in": "fade-in 1s ease-in-out",
         "fade-in-up": "fade-in-up 1s ease-in-out",
+        "fade-in-down": "fade-in-down 1s ease-in-out",
+        "fade-in-left": "fade-in-left 1s ease-in-out",
+        "fade-in-right": "fade-in-right 1s ease-in-out",
         "head-shake": "head-shake 1s ease-in-out",
         "accordion-down": "accordion-down 0.2s ease-out",
         "accordion-up": "accordion-up 0.2s ease-out",

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@risc0/ui",
-  "version": "0.0.122",
+  "version": "0.0.123",
   "private": false,
   "sideEffects": false,
   "type": "module",