CSS3文字描边 CSS3字体外部描边

chrafz首页的文字描边实现方式,给需要实现文字描边的元素添加如下CSS3的属性

实现前效果:

CSS3文字描边 CSS3字体外部描边

实现后效果:

CSS3文字描边 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。

本文由 @张弦先生 原创发布.如若转载,请注明出处:张弦先生-chrafz.com » CSS3文字描边 CSS3字体外部描边
分享到:
赞(18) 打赏

评论抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏