之前介绍过如何用
JQuery实现文字阴影效果,没办法,那是被逼的。谁让你还用着IE浏览器呢?在
大家都积极参与到抵制IE6的热潮之中时,请不要忘了,它的另外两个弟弟也已经跟不上时代了。所以,恳请你尝试一下吧,不要老是忠于KFC,M兄推出的新品也是层出不穷的。更何况在国内,浏览器不只是IE和Firefox两家,你现在可以随上用上的还有谷歌的Chrome,苹果的Safari,以及我也不知道是谁家孩子的Opera。
没错,今天就来说说,如何利用Apple Safari 3、Firefox 3.0.5、Google Chrome 1、Opera 9来轻松实现文字阴影效果!
text-shadow: x y blur color;
或许你在使用Dreamweaver的时候已经发现了这个属性,这是一个CSS3属性,所以,在将来,它会被通用的。
参数分别表示阴影的左右和上下方向的距离,模糊程度以及色彩。比如,要实现一个右下方一个像素的阴影,灰色的文字,黑色的阴影,即为:
color:#999;
text-shadow:1px 1px 0 #000; /*其中的0可以不写*/
如果要实现一个Photoshop中的描边效果,该怎么办呢?别担心,这也很简单!下面就通过实例来说明,注意,你必须使用以上提到的三个浏览器及其版本才能看到效果。
- HTML :\ Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行 运行此代码
原因很简单,text-shadow允许你同时使用N次参数,通过使用英文逗号分隔,便可以实现不同方向,不同模糊程度,不同色彩的阴影了。
很有意思吧?赶紧利用起来吧!
© 版权声明:
本文为
吉光片羽原创,遵循知识共享许可协议,转载(全文或部分文字)请务必注明作者:吉光片羽,及本文地址。谢谢合作!
文中所引用的部分图片或文字等资源版权归原作者所有,如果侵犯了您的权益,请在下方评论提出,我会尽快处理。
已有人对此文发表了评论