search

magicuidesign / magicui

UI Library for Design Engineers. Animated components and effects you can copy and paste into your apps. Free. Open Source.
https://magicui.design
MIT License
6.21k stars 218 forks source link

bug: animation of marquee-vertical might have some error #167

Open rahulsingh3526 opened 1 month ago

rahulsingh3526 commented 1 month ago 

module.exports = {
  theme: {
    extend: {
      animation: {
        marquee: "marquee var(--duration) linear infinite",
        "marquee-vertical": "marquee-vertical var(--duration) linear infinite",
      },
      keyframes: {
        marquee: {
          from: { transform: "translateX(0)" },
          to: { transform: "translateX(calc(-100% - var(--gap)))" },
        },
        "marquee-vertical": {
          from: { transform: "translateY(0)" },
          to: { transform: "translateY(calc(-100% - var(--gap)))" },
        },
      },
    },
  },
};```

in the component provided above I think 

instead of ```   "marquee-vertical": "marquee-vertical var(--duration) linear infinite",```

   ```marquee-vertical: "marquee-vertical var(--duration) linear infinite" ```, This should be the the go to code and it might create some errors
dillionverma commented 3 weeks ago

sorry can you please clarify the difference? @rahulsingh3526