extend animation and keyframes instead of overwriting them
This commit is contained in:
parent
99d8adf6fb
commit
11634733ea
1 changed files with 13 additions and 12 deletions
|
|
@ -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%)" },
|
||||||
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue