css3当中的阴影属性

　　CSS3是CSS技术的升级版本，CSS3语言开发是朝着模块化发展。CSS即层叠样式表（Cascading StyleSheet），是在网页制作时采用的层叠样式表技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。

　　css3中的阴影属性分为文本阴影属性和盒子阴影属性

　　

 　　文本阴影：

        　　text-shadow: x轴位置  Y轴位置  阴影大小  阴影颜色

       　　 注：如果想添加多个阴影  每一组阴影以逗号分隔。

 

例如：

 h1{
            font-size:150px;
            color:orange;
            text-align:center;
            text-shadow:-13px -1px 0px #6f3c3c, -32px 7px 19px grey;
        }

效果如下：

 

接下来是盒子的阴影属性：

 　　 盒子阴影：

        　　box-shadow: x y 阴影的模糊度 阴影扩散的大小 阴影颜色 内阴影(inset 可选)

　　　　 添加多阴影：以逗号分隔的形式添加多阴影

 

例如：

 section{
            width:300px;
            height:200px;
            background:orange;
            margin:50px auto;
            box-shadow:10px 10px 10px 20px gray ;
        }

 

 

效果如下：