54 lines
1.2 KiB
JavaScript
54 lines
1.2 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',
|
|
},
|
|
animation: {
|
|
'blob': 'blob 7s infinite',
|
|
'float': 'float 3s ease-in-out infinite',
|
|
'glow': 'glow 2s ease-in-out infinite alternate',
|
|
},
|
|
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)',
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|