<div class="box">
  下方向にだけ影をつける
</div>
.box {
  box-shadow: 0px 9px 3px -3px #888;
  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.