more progress on animation

2026-06-09 00:28:02 -06:00 · 2023-03-09 17:21:10 -07:00
parent 8ebf7b0e5b
commit 0f52debdea
8 changed files with 362 additions and 85 deletions
@@ -8,12 +8,17 @@ module.exports = {
  theme: {
    extend: {
      animation: {
-        fadeIn: "fadeIn 1s ease-in forwards"
+        fadeIn: "fadeIn 1s ease-in forwards",
+        slideDown: "slideDown 1s ease-in forwards"
      },
      keyframes: {
        fadeIn: {
          "0%": { opacity: 0 },
          "100%": {  opacity: 1 }
+        },
+        slideDown: {
+          "0%": { position: 'absolute', display: 'none', transform: 'translateY(100%)' },
+          "100%": { position: 'relative', display: 'block', transform: 'translateY(0%)'}
        }
      },
    },