爱奇思

学习就是——从糊涂中慢慢走向清醒,然后再从清醒中慢慢走向糊涂,所以说我说它是一个O,只是圆的半径慢慢的扩大罢了!
posts - 60, comments - 128, trackbacks - 0, articles - 8
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

初探-css3(text-shadow)

Posted on 2010-06-07 11:42  牛牛博客  阅读(...)  评论(... 编辑 收藏

一、语法:

text-shadow:color|x|y|indistinct

详细介绍:

          a: color指的是阴影颜色值,定义时可以这样定义#000,或者也可以这样定义 (rgba(0,0,0,0.4) /*fox,opera,chrome*/),后者的定义好处是可以控制阴影的透明度

          b:x阴影水平偏移值(可取正负值);

          c:y阴影垂直偏移值(可取正负值);

          d: indistinct 阴影模糊值;

二、写法:

            除了颜色可以#000,rgba(r,g,b,opacity) 两种外,在几个主流浏览器(ie没有测试,ie应该支持,大家可以测试一下)的写法一样 

            P{text-shadow:#000 2px 2px 5px;} 或P{text-shadow:rgba(0,0,0,0.4) 2px 2px 5px;}

三、兼容性:

 

 

四、实例:

  

 代码