CSS3实现容器box块的各种阴影效果

对照片同样有效，贴图image时只要把box的宽度高度设定成和图片一样的就行了。

HTML代码如下：

<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>

CSS代码如下：

body{
	background:url(\'http://www.173it.cn/happy-easter-icons-image.jpg\');
	color:#888;
	padding:0;
	margin:0;
	font: 72.5% \'Helvetica Neue\', Helvetica, Arial, sans-serif; 
}
/*Container*/
.container{
	width:820px;
	margin:30px auto;
	padding:25px;
	min-height:400px;
	height:auto