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

Question

[Александр]

Помогите решить следующую проблему, нужно реализовать анимацию отмотки круга на прямую линию. Есть идеи и предложения?
Спасибо.

Answer 1

[Павел Антонов]

набросал небольшой пример может натолкнет вас на правильное решение,
я предлагаю сделать круг svg и убирать у него бордер постепенно и одновременно сдвигать круг вправо
вторая анимация это отрисовка линии

https://codepen.io/freislot/pen/KywqZw

Comments

[Александр]

Спасибо тебе большое, добрый человек :) Выручил!

[Павел Антонов]

Александр, не уверен что именно так правильно, но это первое что пришло в голову) пожалуйста