CodePen Embed - CSS Box Shadow Example

<div class="box effect">
<h3>Shadow Box</h3>
</div>

body {background:#ccc}

.box h3{
  text-align:center;
  position:relative;
  top:80px;
}
.box {
  width:60%;
  height:200px;
  background:#EEE;
  margin:40px auto;
}

.effect{

 box-shadow: 0 30px 10px -8px #777;

}

This Pen is owned by Mike Colagrossi on CodePen.

See more by @SantinoMPC on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.