23 06 2010

CSS 文字阴影

bigCat Posted in CSS - Comment.isBlank

CSS2/3 text-shadow

\r\n目前支持的浏览器有Firefox 3.1+,Safari 3+,Opera 9.5+等现代浏览器(数据可能有偏差).当然IE家族是无法支持的.\r\n\r\n接下来看看text-shadow的语法:\r\n\r\ntext-shadow:color length length length;\r\n\r\ncolor:颜色; length分别按顺序指“X轴方向长度 Y轴方向长度 阴影模糊半径”\r\n正值在X 轴表示向右,负值表示向左.同样的道理Y轴负值是表示向上.其中任意一个值可以为零也可为空(将做默认处理)\r\n\r\n举个例子:\r\n\r\ntext-shadow: -1px 2px 3px #ffb69a;\r\n\r\n表示X轴方向阴影向左1px,Y轴方向阴影向下2px,而阴影模糊半径3px,颜色为 #ffb69a\r\n\r\n

IE滤镜

\r\nDropShadow属性是为了添加对象的阴影效果的。它实现的效果看上去就像使原来的对象离开页面,然后在页面上显示出该对象的投影。看一看它的表达式:\r\n\r\nFilter:DropShadow(Color=color,Offx=Offx,Offy=offy,Positive=positive)\r\n\r\n  该属性一共有四个参数: Color代表投射阴影的颜色。 Offx和offy分别X方向和Y方向阴影的偏移量。偏移量必须用整数值来设置。如果设置为正整数,代表X轴的右方向和Y轴的向下方向。设置为负整数则相反。\r\n  Positive参数有两个值:True为任何非透明像素建立可见的投影,False为透明的像素部分建立可见的投影。 \r\n\r\nfilter:dropshadow(color=#FFCCFF,offx=15,offy=10,positive=1)\r\n\r\n   //*定义DIV范围内的样式,绝对定位,投影的颜色为#FFCCFF,\r\n    投影坐标为向右偏移15个像素,向下偏移10个像素*// \r\n

Host: (miao) | Word: Press | Code: HTML5