Posts Tagged ‘filter’

25 08 2010

IE Filter

bigCat Posted in CSS - 0 Comment

http://placenamehere.com/article/384/CSS3BoxShadowinInternetExplorerBlurShadow

http://www.fetchak.com/ie-css3/

23 06 2010

CSS 文字阴影

bigCat Posted in CSS - 0 Comment

CSS2/3 text-shadow

目前支持的浏览器有Firefox 3.1+,Safari 3+,Opera 9.5+等现代浏览器(数据可能有偏差).当然IE家族是无法支持的.

接下来看看text-shadow的语法:

text-shadow:color length length length;

color:颜色; length分别按顺序指“X轴方向长度 Y轴方向长度 阴影模糊半径”
正值在X 轴表示向右,负值表示向左.同样的道理Y轴负值是表示向上.其中任意一个值可以为零也可为空(将做默认处理)

举个例子:

text-shadow: -1px 2px 3px #ffb69a;

表示X轴方向阴影向左1px,Y轴方向阴影向下2px,而阴影模糊半径3px,颜色为 #ffb69a

IE滤镜

DropShadow属性是为了添加对象的阴影效果的。它实现的效果看上去就像使原来的对象离开页面,然后在页面上显示出该对象的投影。看一看它的表达式:

Filter:DropShadow(Color=color,Offx=Offx,Offy=offy,Positive=positive)

  该属性一共有四个参数: Color代表投射阴影的颜色。 Offx和offy分别X方向和Y方向阴影的偏移量。偏移量必须用整数值来设置。如果设置为正整数,代表X轴的右方向和Y轴的向下方向。设置为负整数则相反。
  Positive参数有两个值:True为任何非透明像素建立可见的投影,False为透明的像素部分建立可见的投影。

filter:dropshadow(color=#FFCCFF,offx=15,offy=10,positive=1)

   //*定义DIV范围内的样式,绝对定位,投影的颜色为#FFCCFF,
    投影坐标为向右偏移15个像素,向下偏移10个像素*//

24 08 2009

IE滤镜偏移失常

bigCat Posted in CSS - 0 Comment

样色不能简写啊...囧
{color:#E0E0E0;filter:Dropshadow(OffX=1,
OffY=1,
Color=#000000,
Positive=true);text-shadow: 1px 1px 1px #000000;}

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