UPDATE: Added Hover Gradient Animation Effect on Logo.

Could be referenced for future use. Usage of tailwind.config.js
2025-01-27 04:21:12 +00:00
parent 56c462c94b
commit e0d748ed06
3 changed files with 24 additions and 18 deletions
--- a/frontend/tailwind.config.js
+++ b/frontend/tailwind.config.js
@@ -6,7 +6,22 @@ export default {
  ],
  theme: {
    extend: {
+      keyframes: {
+        agog: {
+          "0%": { backgroundPosition: "0% 50%" },
+          "100%": { backgroundPosition: "100% 50%" },
+        },
+      },
+
+      animation: {
+        agog: "agog 6s linear infinite",
+      },
+
+      backgroundImage: {
+        agog: "linear-gradient(to right, #60A5FA, #8B5CF6, #EC4899, #FACC15,#60A5FA, #8B5CF6, #EC4899, #FACC15)",
+      },
    },
  },
-  plugins: [],
-}
+  plugins: [
+  ],
+};