纯CSS3实现的阴影效果

这篇文章主要介绍了纯CSS3实现的阴影效果的方法及示例代码，非常的实用，这里推荐给大家。

早上没事干，感觉字体阴影的效果还是好看的，那么就来一个小demo吧！

1、这是html 简单的有一个标签或者盒子都可以

复制代码

代码如下:

我爱考试

2、css样式，用css3编写样式，感觉还不错。

复制代码

代码如下:

.demo11 {
border: 1px dashed #f2b;
height: 150px;
width: 250px;
text-align: center;
line-height: 150px;
margin: 0 auto;
font-size: 50px;
color: orange;
text-shadow: 1px 1px rgba(197, 223, 248,0.8),2px 2px rgba(197, 223, 248,0.8),3px 3px rgba(197, 223, 248,0.8),4px 4px rgba(197, 223, 248,0.8),5px 5px rgba(197, 223, 248,0.8),6px 6px rgba(197, 223, 248,0.8);
}

3、附上一张效果图