Drop Shadow

CSS3 Beispiele für Drop-Shadows.

by Sebastian Brosch

HTML

<div>
  <img class="oval" src="http://placehold.it/100x100"/>
</div>

CSS

img {
  border-radius:50%;
}
div {
  display:inline-block;
  position:relative;
}
div:after {
  background:#ccc;
  border-radius:50%;
  bottom:-30px;
  box-shadow:0 0 10px 10px #ccc;
  content:'';
  display:block;
  height:10px;
  left:5px;
  position:absolute;
  right:5px; 
}