tailwind config: marquee animation added

nirnejak · Sep 14, 2024 · d2aaff7 · d2aaff7
1 parent 83fe302
commit d2aaff7
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -15,6 +15,10 @@ const config: Config = {
         },
       },
       keyframes: {
+        marquee: {
+          "0%": { transform: "translateX(0%)" },
+          "100%": { transform: "translateX(-50%)" },
+        },
         fadeIn: {
           from: { opacity: "0" },
           to: { opacity: "1" },
@@ -78,6 +82,7 @@ const config: Config = {
         },
       },
       animation: {
+        marquee: "marquee 25s linear infinite",
         fadeIn: "fadeIn 400ms cubic-bezier(0.16, 1, 0.3, 1)",
         slideDownAndFade:
           "slideDownAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)",