CSS3使用text-shadow属性来实现各种效果
1。结果表明：这已经是一个文字效果，已经学了很久以前。但是很实用有趣。利用CSS3文字阴影属性页面上的文本添加阴影效果，所以你可以部分取代以往繁琐的照片。到目前为止，主流浏览器如Safari，Firefox，Chrome，Opera支持此功能。
两。介绍CSS3文字阴影属性
文本阴影属性可以对页面上的文本添加阴影效果，基本语法如下：
文字阴影：没有|没有| {，} *
文字阴影：没有| {，} *
文本阴影属性的初始值为否，并适用于所有元素。
颜色：表示颜色
长度：由一个浮点数和一个单位标识符组成的长度值，它可以指定阴影的水平延伸距离为负值。
如果上面的基本语法不被理解，请看下面的例子
xml代码将内容复制到剪贴板。
P {
文字阴影：0.1em 0.1em 0.3em # 333333；
}
第一个值的文本阴影属性，二是水平位移、竖向位移的值，如右或更低，为负或左，第三值表示模糊半径（值可选），第四表示阴影的颜色值（该值可选），色值可以放置在的长度值影响的阴影之前或之后。如果未指定任何颜色，颜色属性值将代替。
文本阴影属性可以接受一个列表，以逗号分隔，阴影效果应用于该元素的文本。阴影效果应用于一个给定的顺序，所以可以互相覆盖，但不包括文本本身。阴影效应不改变边框的大小，但它可能会超出其边界值。（你可以尝试删除在这个例子中，p标签的填充方式，你会发现火焰效果阴影文字超出边界）。
三。文本阴影效果代码如下所示
主要使用的是文字阴影阴影列表，加上合理的色彩搭配使用，可以达到预期效果。
CSS代码将内容复制到剪贴板。
P {
字体大小：5em；
保证金：5px；
填料：20px；
显示：内联块；
}
P1 {。
文字阴影：0.2em 0.5em 0.1em # 600，-0.3em 0.1em 0.1em # 060, 0.4em -0.3em 0.1em # 006；
颜色：红色；
}
P2 {。
背景：黑色；
文本对齐：左对齐；
文字阴影：0 5px 4px # ff3,2px - 10px 6px # FD3，- 2px - 15px 11px # f80,2px - 25px。
颜色：红色；
}
P3 {。
文字阴影：- 1px - 1px 1px 1px的白色，# 333；
颜色：# d1d1d1；
字体粗细：粗体；
背景：# CCC；
}
P4 {。
文字阴影：1px 1px的白色，1px 1px # - 333 -；
颜色：# d1d1d1；
字体粗细：粗体；
背景：# CCC；
}
P5 {。
文字阴影：- 1px 0黑色，0 1px黑色，1px 0黑色，0 1px黑色；
颜色：# ffffff；
背景：# CCC；
}
P6 {。
文字阴影：00 0.2em # f87,0 0 0.2em # F87；
颜色：# d1d1d1；
背景：# CCC；
}
xml代码将内容复制到剪贴板。
多色阴影效果
火焰效果
立体凸出效果
立体效果
脑卒中
外发光效果
合理使用文本阴影属性有助于我们实现一些简单而特殊的文本效果，并且可以节省页面加载的复杂静态图片资源。
上述CSS3使用文字阴影属性来实现各种文字样式显示方法的影响，这是所有萧边分享你的内容。我希望能给你一个参考，我希望你会得到很多支持。