Как средствами CSS/HTML создать сегмент круга, который можно будет залить внутренней тенью?

Question

[Big Wheel]

Как средствами CSS/HTML создать сегмент круга, например 60deg, который можно будет залить внутренней тенью?

Comments

[Антон Антон]

Зачем делать что-то не предназначенным для этого инструментом? Почему не svg?

[Big Wheel]

Антон Антон, очень просто ), бывают специфические задачи, для которых не подходит то или иное решение. Тогда мы ищем альтернативные варианты.

[Ankhena]

Big Wheel, обычно эти альтернативные варианты ищутся лучше, когда известна истинная задача, а не выводы из неё.

Answer 1

[Ankhena]

Не ясно зачем и чем это лучше clip-path и svg, но пусть будет.
Дальше доводите до ума, чтоб ничего не торчало

https://codepen.io/AnnaSummer/pen/GReWpPy

Answer 2

[Сергей delphinpro]

Big Wheel, В css есть только прямоугольные области. Особенно, когда там есть тени и рамки. Если нужно что-то сложнее - SVG