tailwind.config.js•817 B
/** @type {import('tailwindcss').Config} */
export default {
content: [
"./index.html",
"./src/**/*.{js,ts,jsx,tsx}",
],
theme: {
extend: {
animation: {
'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
'shake': 'shake 0.5s',
'damage-flash': 'damage-flash 0.3s',
},
keyframes: {
shake: {
'0%, 100%': { transform: 'translateX(0)' },
'10%, 30%, 50%, 70%, 90%': { transform: 'translateX(-2px)' },
'20%, 40%, 60%, 80%': { transform: 'translateX(2px)' },
},
'damage-flash': {
'0%': { backgroundColor: 'transparent' },
'50%': { backgroundColor: 'rgba(239, 68, 68, 0.5)' },
'100%': { backgroundColor: 'transparent' },
},
},
},
},
plugins: [],
}