extend animation and keyframes instead of overwriting them

This commit is contained in:
MarconLP 2023-05-08 16:48:40 +02:00
parent 99d8adf6fb
commit 11634733ea
No known key found for this signature in database
GPG key ID: A08A9C8B623F5EA5

View file

@ -3,19 +3,20 @@ import { type Config } from "tailwindcss";
export default { export default {
content: ["./src/**/*.{js,ts,jsx,tsx}"], content: ["./src/**/*.{js,ts,jsx,tsx}"],
theme: { theme: {
extend: {}, extend: {
animation: { animation: {
marquee: "marquee 25s linear infinite", marquee: "marquee 25s linear infinite",
marquee2: "marquee2 25s linear infinite", marquee2: "marquee2 25s linear infinite",
},
keyframes: {
marquee: {
"0%": { transform: "translateX(0%)" },
"100%": { transform: "translateX(-100%)" },
}, },
marquee2: { keyframes: {
"0%": { transform: "translateX(100%)" }, marquee: {
"100%": { transform: "translateX(0%)" }, "0%": { transform: "translateX(0%)" },
"100%": { transform: "translateX(-100%)" },
},
marquee2: {
"0%": { transform: "translateX(100%)" },
"100%": { transform: "translateX(0%)" },
},
}, },
}, },
}, },