css3 新增文本属性

轩陌

分类: HTML/CSS 1641 0

text-shadow 文本阴影:

text-shadow:

     取值:x   y   blur    color,可以跟多个属性,用逗号隔开

               x      横向偏移

               y      纵向偏移

              blur      模糊距离(灰度)

              color    阴影颜色

text-stroke 描边:

复合属性,兼容内核为-webkit-前缀的浏览器,两个属性为:

    -webkit-text-stroke-width:描边的宽度;

    -webkit-text-stroke-color:描边的颜色值;

复合写法:-webkit-text-stroke: 2px #fcadf0;

text-fill-color 文字的填充颜色:

与color一起用时,会覆盖color值,语法:

    -webkit-fill-color: color;

与text-stroke一起做的一个镂空字体;

    -webkit-fill-color: transparent;
 

DEMO展示

  • 2人 Love
  • 0人 Haha
  • 0人 Wow
  • 0人 Sad
  • 0人 Angry
前端笔记

作者简介: 轩陌

打赏

生命的意义在于折腾,一直努力成长中,期待梦想实现的那刻。

共 0 条评论关于 “css3 新增文本属性”

Loading...