Hello! I recently asked how to make an oblique inner shadow .

Now I have the need to create the same shadow, then a circular one. I had an idea to create several gradients, but it looks more like a rhombus.

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>

    1 answer 1

    For circular shadows, there is a radial-gradient :

     div { width: 200px; height: 200px; margin: auto; background: radial-gradient(transparent 40%, black 80%, black 100%); } 
     <div></div>

    • I did not know that there is a circular gradient. Thanks :) - user238662