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