Webkit CSS3 Reflection with Box Shadow

dabblet.css

/**
 * CSS 3 Reflection with Box Shadow
 */

figure {
	position:relative;
        display:block;
	width:96px;	
}

figure img {
        display:block;
        position:relative;
        z-index:0;
        -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(white));
}

figure:after {
	position:absolute;
      	top:0;
      	bottom:0;
      	left:                   0;
      	right:                  0;
      	content:                "";
      	z-index:                1;
	background:transparent;
	-webkit-box-shadow: inset 0 0 10px #000000;

}

dabblet.html

<figure><img src="https://lh5.googleusercontent.com/-E091xDYZfy8/AAAAAAAAAAI/AAAAAAAAAAA/7ghMV2NsSjk/s96-c/photo.jpg" width="96" height="96" alt="(photo)" /></figure>