|
|
|
|
|
export default { |
|
|
content: [ |
|
|
"./index.html", |
|
|
"./src/**/*.{js,ts,jsx,tsx}", |
|
|
"./components/**/*.{js,ts,jsx,tsx}", |
|
|
"./**/*.{js,ts,jsx,tsx}" |
|
|
], |
|
|
theme: { |
|
|
extend: { |
|
|
animation: { |
|
|
blob: "blob 7s infinite", |
|
|
warp: "warp 1s linear infinite", |
|
|
pulse: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite", |
|
|
}, |
|
|
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)", |
|
|
}, |
|
|
}, |
|
|
warp: { |
|
|
"0%": { |
|
|
transform: "translateZ(-1000px)", |
|
|
opacity: "0", |
|
|
}, |
|
|
"10%": { |
|
|
opacity: "1", |
|
|
}, |
|
|
"100%": { |
|
|
transform: "translateZ(1000px)", |
|
|
opacity: "0", |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
plugins: [], |
|
|
} |
|
|
|
