css3控制文字阴影

css3控制文字阴影，代码如下：

css部分：

.test li{margin-top:10px;}
.test .mormal p{text-shadow:1px 1px rgba(0,0,0,.3);}
.test .blur p{text-shadow:1px 1px 1px rgba(0,0,0,.3);}
.test .group p{text-shadow:1px 1px 0 rgba(255,255,255,1),1px 1px 2px rgba(0,85,0,.8);}

html部分：

<ul class="test">
	<li class="mormal">
		<strong>普通文字阴影</strong>
		<p>测试普通文字阴影效果</p>
	</li>
	<li class="blur">
		<strong>模糊文字阴影效果</strong>
		<p>测试模糊文字阴影效果</p>
	</li>
	<li class="group">
		<strong>多重模糊文字阴影效果</strong>
		<p>测试多重模糊文字阴影效果</p>
	</li>
</ul>

扫描二维码手机查看该文章