65 lines
2.1 KiB
JavaScript
65 lines
2.1 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
"./index.html",
|
|
"./src/**/*.{js,ts,jsx,tsx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
'game-blue': '#0A1E3D',
|
|
'game-gold': '#FFD700',
|
|
'game-purple': '#1a0533',
|
|
'game-deep': '#0d1b2a',
|
|
},
|
|
animation: {
|
|
'blob': 'blob 7s infinite',
|
|
'float': 'float 3s ease-in-out infinite',
|
|
'glow': 'glow 2s ease-in-out infinite alternate',
|
|
'shimmer': 'shimmer 2s linear infinite',
|
|
'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
|
|
'slide-up': 'slideUp 0.5s ease-out',
|
|
'scale-in': 'scaleIn 0.3s ease-out',
|
|
'buzz': 'buzz 0.15s ease-in-out 3',
|
|
},
|
|
keyframes: {
|
|
blob: {
|
|
'0%': { transform: 'translate(0px, 0px) scale(1)' },
|
|
'33%': { transform: 'translate(30px, -50px) scale(1.1)' },
|
|
'66%': { transform: 'translate(-20px, 20px) scale(0.9)' },
|
|
'100%': { transform: 'translate(0px, 0px) scale(1)' },
|
|
},
|
|
float: {
|
|
'0%, 100%': { transform: 'translateY(0px)' },
|
|
'50%': { transform: 'translateY(-20px)' },
|
|
},
|
|
glow: {
|
|
'from': { 'box-shadow': '0 0 20px rgba(255, 215, 0, 0.5)' },
|
|
'to': { 'box-shadow': '0 0 30px rgba(255, 215, 0, 0.8)' },
|
|
},
|
|
shimmer: {
|
|
'0%': { 'background-position': '-200% 0' },
|
|
'100%': { 'background-position': '200% 0' },
|
|
},
|
|
slideUp: {
|
|
'0%': { transform: 'translateY(20px)', opacity: '0' },
|
|
'100%': { transform: 'translateY(0)', opacity: '1' },
|
|
},
|
|
scaleIn: {
|
|
'0%': { transform: 'scale(0.9)', opacity: '0' },
|
|
'100%': { transform: 'scale(1)', opacity: '1' },
|
|
},
|
|
buzz: {
|
|
'0%, 100%': { transform: 'translateX(0)' },
|
|
'25%': { transform: 'translateX(-4px)' },
|
|
'75%': { transform: 'translateX(4px)' },
|
|
},
|
|
},
|
|
backgroundImage: {
|
|
'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|