<div class="box">
  内側と外側両方に影をかける
</div>
.box {
  box-shadow:  
    5px 5px 8px #888,
    2px 2px 4px #f89f14 inset;
  width:200px;
  height:100px;
  background:#f9e08e;
  padding:10px;
  font-size:13px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.