Как сделать анимацию по горизонтальной кривой с помощью css или js?

Question

[biz53]

Необходимо сделать анимацию как написано на приложенной картинке. То есть чтобы круг перемещался по линии волны. Сама волна это img.

Answer 1

[Много Чего]

Comments

[biz53]

С помощью чего я могу это сделать?

[Много Чего]

biz53, вот готовая - видите ? это smil просто скопируйте код

[biz53]

Много Чего, да, вижу. Недопонимание возникло из-за неполной картины. Поэтому и спрашиваю как я сам могу это сделать.
Должно выглядеть так:

[Много Чего]

biz53, тоже самое ....в общем открываем любой векторный редактор и рисуем потом делаем как в моём примере

[biz53]

Много Чего, спасибо за ответ. Не совсем понимаю как это сделать. Я копирую свг из фигмы потом пытаюсь прописать туда анимацию. Не получается. Черный круг даже не появляется. https://codepen.io/timshaq/pen/MWewgvG

[Много Чего]

biz53, у вас ездиет круг - просто вы не видите его https://codepen.io/topicstarter/pen/KKMpaMG?editor...

[biz53]

Много Чего, Спасибо огромное!
https://codepen.io/timshaq/pen/MWewgvG

[Много Чего]

biz53, правильно только линию сделай прозрачную

Answer 2

[WapSter]

Погуглил за тебя https://css-live.ru/articles/dvizhenie-po-traektor...