css3 text-shadow属性学习

css3属性text-shadow

css3文字阴影。

text-shadow: h-shadow v-shadow blur color;

h-shadowRequired. The position of the horizontal shadow. Negative values are allowedPlay it »
v-shadowRequired. The position of the vertical shadow. Negative values are allowedPlay it »
blurOptional. The blur distancePlay it »
colorOptional. The color of the shadow. Look at CSS Color Values for a complete list of possible color values

第一个参数是水平移动距离的数值,即时文字的阴影偏离原来的文字水平方向位置。

第二个参数是竖直移动距离的数值,既是文字的阴影偏离原来的文字竖直方向的位置。

第三个是阴影的大小,既是文字的宽度,默认是原来的文字。

第四个则是阴影显示的颜色。默认是原来文字的颜色。

文章部分参考:http://www.w3schools.com/cssref/css3_pr_text-shadow.asp

在线演示:http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_text-shadow_blur

更多示例:http://www.w3.org/Style/Examples/007/text-shadow.en.html

原文链接:css3 text-shadow属性学习 版权所有,转载时请注明出处,违者必究。
注明出处格式:前端开发博客 (http://caibaojian.com/text-shadow.html)

发表评论

请登录后发表评论: