你的位置:首页 > 软件开发 > 网页设计 > CSS3小分队——text分身text

CSS3小分队——text分身text

发布时间:2015-07-02 23:00:06
上一篇:《CSS3小分队——进击的border-radius》上一篇把border-radius拉上台走了个秀,今天我们轮着角色接着走。台下一团shadow在蠕动,恩,今天上台的是一个shadow属性。关于shadow的属性有两个:box- ...

上一篇:《CSS3小分队——进击的border-radius》

上一篇把border-radius拉上台走了个秀,今天我们轮着角色接着走。台下一团shadow在蠕动,恩,今天上台的是一个shadow属性。关于shadow的属性有两个:box-shadow和text-shadow,今天我们说的是text-shadow先。

一、shadow阴影的背后

text-shadow在CSS2中出现过,可是昙花一现,在CSS2.1中又被抛弃了,现在这团阴影又在CSS3中满血归来。

顾名思义,text-shadow是用来给文字添加阴影效果的。在网页上我们会看到各种各样绚丽的文字阴影效果,也许我们会问这些个效果是怎么做到的,用text-shadow设置的话应该怎么取值,为什么要这样取值而不是那样取值。

回答这些问题其实并不难,首先我们得先明白,text-shadow到底是个什么东西。

也许有小伙伴会说,text-shadow不就是text-shadow不就是文字阴影吗,这有什么可说的。这不能说不对,而我要说的并不是这个,我想让小伙伴明白的是:

text-shadow就是文字的一个副本。看下图:

 CSS3小分队——text分身text

白色文本为文本本体,红色文本为文本阴影,阴影就是本体的一个副本一个分身。

text-shadow是被修饰文字的一个副本,是被修饰文字的一个分身,俗话就是:如果不对阴影进行修饰的话,文字阴影就是文字一模一样的一个分身。记住了这句话,讲非常有助于我们理解不同的文字阴影效果应该怎么给text-shadow取值。

二、关于text-shadow属性的取值特点

首先有必要看一下text-shadow的语法:

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

原标题:CSS3小分队——text分身text

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。