Set both inset and outset box shadow using CSS

Question

The box-shadow property has a property value called inset, so the shadow can be inset, or outset.

But how is it possible, to set both inset, and outset shadow for a div in CSS?

question from:https://stackoverflow.com/questions/22438457/set-both-inset-and-outset-box-shadow-using-css

Answer 1

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>