Слайдер типа Android Media Player в реакции ⇐ Javascript

[Anonymous]

Я хотел бы создать анимированный слайдер, аналогичный тому, что показан в верхнем примере. Я не хочу, чтобы это было функционально, только анимация. Я пробовал использовать класс анимации Tailwind, но он просто выскальзывает из div. Я использую React 19.2.0 и Tailwind 4.0.6.
Это то, что я уже пробовал:

Код: Выделить всё

@import "tailwindcss";

@theme {
--animate-wave: wave 180s infinite linear;
@keyframes wave {
0% {
margin-left: 0;
}
100% {
width: 100%;
}
}
}

Код: Выделить всё

Это файл wave.svg, но с обрезанными лишними отступами.


Подробнее здесь: https://stackoverflow.com/questions/798 ... r-in-react