Spaces:
Sleeping
Sleeping
File size: 2,127 Bytes
ecacdf7 0e3abca 27817f3 ecacdf7 0e3abca 27817f3 0e3abca 27817f3 0e3abca 27817f3 0e3abca ecacdf7 27817f3 ecacdf7 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 | module.exports = {
theme: {
extend: {
animation: {
'gradient': 'gradient 3s linear infinite',
'fade-in': 'fadeIn 0.5s ease-in',
'fade-in-up': 'fadeInUp 0.5s ease-out',
'bounce-slow': 'bounce 3s infinite',
'pulse': 'pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite',
'float': 'float 6s ease-in-out infinite',
'shimmer': 'shimmer 3s linear infinite',
'shimmer-fast': 'shimmer 2s linear infinite',
'pulse-slow': 'pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite',
},
keyframes: {
gradient: {
'0%, 100%': { backgroundPosition: '0% 50%' },
'50%': { backgroundPosition: '100% 50%' },
},
fadeIn: {
'0%': { opacity: '0' },
'100%': { opacity: '1' },
},
fadeInUp: {
'0%': {
opacity: '0',
transform: 'translateY(10px)'
},
'100%': {
opacity: '1',
transform: 'translateY(0)'
},
},
bounce: {
'0%, 100%': { transform: 'translateY(-5%)' },
'50%': { transform: 'translateY(0)' },
},
pulse: {
'0%, 100%': { opacity: 1 },
'50%': { opacity: 0.5 },
},
float: {
'0%, 100%': {
transform: 'translateY(0) rotate(0deg) scale(1)',
filter: 'brightness(1)'
},
'50%': {
transform: 'translateY(-10px) rotate(5deg) scale(1.05)',
filter: 'brightness(1.2)'
},
},
shimmer: {
'0%': { backgroundPosition: '200% 50%', opacity: 0.5 },
'50%': { opacity: 1 },
'100%': { backgroundPosition: '-200% 50%', opacity: 0.5 },
},
},
dropShadow: {
'glow': '0 0 10px rgba(56, 189, 248, 0.5)',
'glow-strong': [
'0 0 10px rgba(56, 189, 248, 0.5)',
'0 0 20px rgba(56, 189, 248, 0.3)',
],
},
backgroundSize: {
'400%': '400% 100%',
},
perspective: {
'default': '1000px',
},
},
},
} |