css3 box-shadow实例 盒子阴影（翘边阴影，曲线阴影）

做完后效果如下：

上面是曲边阴影，下边是翘边阴影。曲边阴影下部是类似弧线，翘边效果四角旁边翘起阴影。

*{
	margin:0;
	padding: 0;
}

ul{
	list-style: none;
}

.wrap{
	width: 70%;
	height: 200px;
	background-color: #fff;
	margin: 50px auto;
}

.wrap h1{
	text-align: center;
	line-height: 200px;
}

.effect{
	position: relative;
	box-shadow: 0px 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;
	-webkit-box-shadow:0px 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;
	-o-box-shadow:0px 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;
	-moz-box-shadow:0px 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;
}

.effect:after,.effect:before{
	content: "";
	position: absolute;
	top:50%;
	bottom: 0px;
	le