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 {
content: ["./src/**/*.{js,ts,jsx,tsx}"],
theme: {
extend: {},
animation: {
marquee: "marquee 25s linear infinite",
marquee2: "marquee2 25s linear infinite",
},
keyframes: {
marquee: {
"0%": { transform: "translateX(0%)" },
"100%": { transform: "translateX(-100%)" },
extend: {
animation: {
marquee: "marquee 25s linear infinite",
marquee2: "marquee2 25s linear infinite",
},
marquee2: {
"0%": { transform: "translateX(100%)" },
"100%": { transform: "translateX(0%)" },
keyframes: {
marquee: {
"0%": { transform: "translateX(0%)" },
"100%": { transform: "translateX(-100%)" },
},
marquee2: {
"0%": { transform: "translateX(100%)" },
"100%": { transform: "translateX(0%)" },
},
},
},
},