Как реализовать такую анимцию?

Question

[Anton Essential]

Добрый день, подскажите как релизовать такую анимацию в вебе: Тык!

Думали сделать в gif, но каждая анимация будет лежать в отдельном контейнере, в слайдере, и при клике на другой слайд анимация должна запускаться с начала, реалдизация через gif навреное не прокатит так как вроде бы ее нельзя сторотовать и остонавливать.

Answer 1

[Alexander Pushkarev]

Реализовать можно на SVG или Canvas. Используйте те же самые формулы, через которые были созданы данные изображения

PS можно сделать старт с начала, через переопределение ссылки на изображение при смене слайда