Всем привет! Я недавно задавал, как сделать наклонную внутреннюю тень.
Теперь ко мне пришла необходимость создать такую же тень, то круговую. У меня появилась идея создать несколькими градиентами, но оно выглядит скорее, как ромб.
div {
width: 200px;
height: 200px;
margin: auto;
background:
linear-gradient(-115deg, transparent 70%, black 100%),
linear-gradient(-155deg, transparent 70%, black 100%),
linear-gradient(115deg, transparent 70%, black 100%),
linear-gradient(155deg, transparent 70%, black 100%),
linear-gradient(-70deg, transparent 70%, black 100%),
linear-gradient(-20deg, transparent 70%, black 100%),
linear-gradient(70deg, transparent 70%, black 100%),
linear-gradient(20deg, transparent 70%, black 100%),
linear-gradient(45deg, transparent 70%, black 100%),
linear-gradient(-45deg, transparent 70%, black 100%),
linear-gradient(-135deg, transparent 70%, black 100%),
linear-gradient(135deg, transparent 70%, black 100%)
}
<div></div>