logo concept

2023-06-01 19:52:50 -05:00
parent 45c7f96067
commit 9636e9cc05
2 changed files with 96 additions and 0 deletions
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -12,6 +12,25 @@ module.exports = {
        'gradient-conic':
          'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
      },
+      animation: {
+        'logo-throw-left': 'logoThrowLeft 1s ease forwards',
+        'logo-throw-right': 'logoThrowRight 1s ease forwards',
+        'logo-throw-down': 'logoThrowDown 1s ease forwards',
+      },
+      keyframes: {
+        logoThrowLeft: {
+          '0%': { transform: 'translateX(0)'},
+          '100%': { transform: 'translateX(-56px)' }
+        },
+        logoThrowRight: {
+          '0%': { transform: 'translateX(0)'},
+          '100%': { transform: 'translateX(56px)' }
+        },
+        logoThrowDown: {
+          '0%': { transform: 'translateY(0)'},
+          '100%': { transform: 'translateY(80px)' }
+        },
+      }
    },
  },
  plugins: [],