Is it possible to apply an external and internal shadow effect to a box in css3?

Question

For example, I want to add to a menu button an internal and external shadow effect, is it possible? I applied it once but one removed the other!

Answer 1

Yeah, just use a comma:

div {
  width: 100px;
  height: 100px;
  box-shadow: 5px 5px 5px #000, inset 0 0 10px #000;
}

<div></div>