CSS3实现文字描边效果
实现前效果
实现后效果
CSS3实现文字描边代码
text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;
-webkit-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;
-moz-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;
*filter: Glow(color=#000, strength=1);
CSS3实现文字描边语法详解
text-shadow
向文本设置阴影。
text-shadow:color||length||length||opacity
。
color
指定颜色。
length
第一个 length
指定阴影在水平方向上的延伸距离,第二个 length
指定阴影在垂直方向上的延伸距离,可以为负值。
opacity
指定阴影模糊效果的作用距离。
用逗号分隔的4个属性值代表的方向顺序为右下左上。
为了兼容多浏览器而加上前缀 -webkit-
和 -moz-
。
filter
滤镜。
filter:Glow
添加光辉晕圈效果在元素对象的边外。
filter:Glow(color=颜色值,strength=数值)
。
color
指定晕圈发光效果的颜色。
strength
指定晕圈发光的强度范围,参数值从1到255。