tailwind.config.js

// /** @type {import('tailwindcss').Config} */
// module.exports = {
//   content: ["./src/**/*.{html,js,jsx,ts,tsx}"],
//   theme: {
//     extend: {},
//   plugins: [],
// }};
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{html,js,jsx,ts,tsx}"],
  theme: {
    extend: {
      keyframes: {
        slidetoleft: {
          "33.33%": { transform: "translateX(-100%)", color: "white" },
          "66.66%, 100%": { transform: "translateX(-100%)" },
        },
        slidetoright: {
          "33.33%": { transform: "translateX(0%)", color: "white" },
          "66.66%, 100%": { transform: "translateX(0%)" },
        },
      },
      animation: {
        slidetoleft: "slidetoleft 3s linear forwards",
        slidetoright: "slidetoright 3s linear forwards",
      },
    },
  },
  plugins: [],
};