CSS3的box块各种阴影

Effect 1, 2, 3, 4, 5, 6, 7, 8的class值分别指下阴影，两边小阴影，左阴影，右阴影，两边大阴影，三边阴影，四边阴影，突起阴影。
对照片同样有效，贴图image时只要把box的宽度高度设定成和图片一样的就行了。

<div class="container">
<div class="box effect1">
	<h3>下阴影</h3>
</div>
<div class="box effect2">
	<h3>两边小阴影</h3>
</div>
<div class="box effect3">
	<h3>左下阴影</h3>
</div>
<div class="box effect4">
	<h3>右下阴影</h3>
</div>
<div class="box effect5">
	<h3>两边大阴影</h3>
</div>
<div class="box effect6">
	<h3>三边阴影</h3>
</div>
<div class="box effect7">
	<h3>四边阴影</h3>
</div>
<div class="box effect8">
	<h3>突起阴影</h3>
</div>
 </div>