ARTICLE AD BOX
I would like to make a similar animated slider to the one seen here in the top example. I don't want it to be functional, just the animation. I've tried using tailwind's animate class but it just slides out of the div. I'm using react 19.2.0 and tailwind 4.0.6.
This is what i have already tried:
@import "tailwindcss"; @theme { --animate-wave: wave 180s infinite linear; @keyframes wave { 0% { margin-left: 0; } 100% { width: 100%; } } } <div className="animate-wave h-3 w-1 bg-[url(/wave.svg)] bg-size-[12px 100%]"></div>The wave.svg is this but with the excess padding trimmed down.
