The box-shadow property has a property value called inset, so the shadow can be inset, or outset.
box-shadow
inset
But how is it possible, to set both inset, and outset shadow for a div in CSS?
div
You need to separate them using a ,
,
div { margin: 50px; height: 100px; width: 100px; border: 1px solid #aaa; border-radius: 50%; box-shadow: inset 0 0 5px tomato, 0 0 5px black; }
<div></div>
2.1m questions
2.1m answers
60 comments
56.8k users