Как убирать стороны у круга, как на скриншоте с помощью css?

Question

[sovadeveloper]

Как реализовать такое с помощью css?
Пробовал делать блок, задавать ему width и height 175px, потом делал рамку и 100% скругление. Затем убирал одну из сторон рамки, но получалось вовсе не то, что надо, подскажите пожалуйста

Answer 1

[DanKud]

https://codepen.io/anon/pen/oVMjRR

Comments

[sovadeveloper]

Спасибо большое! С кодом разобрался, текст внутрь блоков вставил, в rotate разобрался! Спасибо большое!)

[flexboxer]

Молодец,если б еще комментарии для каждого действия, цены бы тебе не было)!

Answer 2

[BJlaDuMup]

https://youtu.be/BOgc1KRYk30 - 1 часть
https://youtu.be/rOtNHrEDBbM - 2 часть

https://youtu.be/qB_EEdcj6-U - только css