css3入门

在CSS3中给文字添加阴影(text-shadw)效果

字号+ 作者: 来源: 2014-11-16 21:49 我要评论( )

在CSS中可以使用text-shadow属性给页面上的文字添加阴影效果,到目前为止,Safari浏览器、Firefox浏览器、Chrome浏览器,以及Opera浏览器都支持该功能。

text-shadow的使用方法如下:

text-shadw:length length length color

前三个属性值为阴影在X轴上的位移、Y轴上的位移、模糊半径,color指阴影的颜色。

上面的效果实例中这样去定义文本的样式:

text-shadow:2px 2px 1px #77A423;

我们还可以使用text-shadow属性给文字指定多个阴影,并且针对每个阴影使用不同过的颜色。指定多个阴影时,使用逗号将多个阴影进行分割。

text-shadow:2px 2px 1px #77A423,30px 30px 1px #77A423;

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • divcss入门视频教程-DIVCSS布局第6课-CSS滤镜的应用

    divcss入门视频教程-DIVCSS布局第6课-CSS滤镜的应用

    2015-09-30 11:41

  • divcss入门视频教程-DIVCSS布局第5课-用CSS制作漂亮的菜单

    divcss入门视频教程-DIVCSS布局第5课-用CSS制作漂亮的菜单

    2015-09-30 11:40

  • divcss入门教程-DIVCSS布局第4课-设置页面和浏览器的元素

    divcss入门教程-DIVCSS布局第4课-设置页面和浏览器的元素

    2015-09-30 11:40

  • divcss入门教程-DIVCSS布局第3课-设置表格与表单的样式

    divcss入门教程-DIVCSS布局第3课-设置表格与表单的样式

    2015-09-30 11:38

网友点评