Как сделать такие круги?

Question

[Анатолий Саламатин]

Всем привет. Подскажите пожалуйста, как реализовать такие круги? take.ms/gcpdy
Нужно, чтобы при загрузки страницы они появлялись с анимацией.
Возможно использовать только HTML и CSS. Заранее спасибо

Answer 1

[Максим]

Не знаю может быть это вариант : codepen.io/Geyan/pen/YWodNN?editors=110
Поиграться с z-index и разнымborder-? и эффект будет не хуже canvas + transform(rotate )

Comments

[Анатолий Саламатин]

Спасибо. ТО, что нужно

Answer 2

[WQP]

Ищите canvas js

Comments

[Анатолий Саламатин]

js использовать нельзя

Answer 3

[Михаил Еникеев]

Думаю вам поможет jsfiddle.net/Symphony/mjza0vnx

Comments

[Анатолий Саламатин]

js нельзя использовать

[Михаил Еникеев]

farcer: Посмотри тогда на этот вариант ruseller.com/lessons.php?id=1511&rub=2

[Михаил Еникеев]

farcer: Вот еще вариант на html5 webguruz.ru/web-developer/html-5-canvas-circle-diagramm

[Михаил Еникеев]

farcer: Но скрипты присутствуют !

Answer 4

[riot26]

https://codepen.io/Kseso/pen/phiyL

Comments

[Анатолий Саламатин]

Спасибо. ТО, что нужно