#CSS3#文本text-stroke文字描边及渐变

 -webkit- 是浏览器前缀, 表示特定浏览器对一个属性还在实验阶段, 在这里顺便写下各个浏览器的前缀:

      chrome/ safari     -webkit-

      firefox                 -moz-

      IE                        -ms-

      opera                  -o-

文本渐变

1.background-image: -webkit-linear-gradient(top, red, blue); 

2.background-image: -webkit-linear-gradient(0deg, red, blue); 

3.background-image: -webkit-radial-gradient(center center , red, blue)

文本描边-text-stroke

说明:复合属性。设置或检索对象中的文字的描边。

兼容:目前只有Chrome13.0、safari5.1能支持

语法:text-stroke:[ text-stroke-width ] || [ text-stroke-color ]

text-stroke-width 设置或检索对象中的文字的描边厚度

text-stroke-color 设置或检索对象中的文字的描边颜色

例:-webkit-text-stroke:1px #f00;text-stroke:1px #f00;

猜你喜欢

转载自blog.csdn.net/G_wendy/article/details/82897777
今日推荐