静态滤镜

来自站长百科
跳转至： 导航、​ 搜索

导航: 上一页 | ASP | PHP | JSP | HTML | CSS | XHTML | aJAX | Ruby | JAVA | XML | Python | ColdFusion

Alpha[ ]

语法：
filter : progid:DXImageTransform.Microsoft.Alpha ( enabled=bEnabled , style=iStyle , opacity=iOpacity , finishOpacity=iFinishOpacity , startX=iPercent , startY=iPercent , finishX=iPercent , finishY=iPercent )
属性：
enabled:可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true  :　 默认值。滤镜激活。 false:滤镜被禁止。
style:可选项。整数值(Integer)。设置或检索透明渐变的样式。0 | 1 | 2 | 3 0  :　 默认值。整体透明度。将 Opacity 值均匀的作用于对象。
1:线性渐变透明度。从由 StartX 和 StartY 决定的点，由 Opacity 决定的透明度开始，到由 FinishX 和 FinishY 决定的点，由 FinishOpacity 决定的透明度结束。
2:圆形放射渐变透明度。圆形放射区域的圆心为对象的中心，圆周到与对象的边相切为止。透明渐变由圆心开始，到圆周结束。开始透明度由 Opacity 决定，结束透明度由 FinishOpacity 决定。
3:矩形放射渐变透明度。由对象的边开始，到对象的中心结束。开始透明度由 Opacity 决定，结束透明度由 FinishOpacity 决定。
opacity:可选项。整数值(Integer)。设置或检索透明渐变的开始透明度。取值范围为 0 - 100 。默认值为 0 ，即完全透明。 100 为完全不透明。
finishOpacity:可选项。整数值(Integer)。设置或检索透明渐变的结束透明度。取值范围为 0 - 100 。默认值为 0 ，即完全透明。 100 为完全不透明。
startX:可选项。整数值(Integer)。设置或检索透明渐变开始点的水平坐标。其数值作为对象宽度的百分比值处理。默认值为 0 。 startY:可选项。整数值(Integer)。设置或检索透明渐变开始点的垂直坐标。其数值作为对象高度的百分比值处理。默认值为 0 。
finishX:可选项。整数值(Integer)。设置或检索透明渐变结束点的水平坐标。其数值作为对象宽度的百分比值处理。默认值为 0 。
finishY:可选项。整数值(Integer)。设置或检索透明渐变结束点的垂直坐标。其数值作为对象高度的百分比值处理。默认值为 0 。

特性：
Enabled:可读写。布尔值(Boolean)。
Style:可读写。整数值(Integer)。
Opacity:可读写。整数值(Integer)。
FinishOpacity:可读写。整数值(Integer)。
StartX:可读写。整数值(Integer)。
StartY:可读写。整数值(Integer)。
FinishX:可读写。整数值(Integer)。
FinishY:可读写。整数值(Integer)。
说明：
调整对象内容的透明度。
你可以设置整体透明度，或线性渐变和放射渐变的透明度。
示例：
#idDiv{position:absolute; left:140px; height:400; width:400;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);}

BasicImage[ ]

语法：
filter : progid:DXImageTransform.Microsoft.BasicImage ( enabled=bEnabled , grayScale=bGray , mirror=bMirror , opacity=fOpacity , XRay=bXRay )
属性：
enabled:可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true  :　 默认值。滤镜激活。
false:滤镜被禁止。
grayScale:可选项。布尔值(Boolean)。设置或检索是否以灰度显示对象内容。0 | 1 1  :　 以灰度效果显示对象内容。
0: 默认值。显示对象的原始色彩。
mirror:可选项。布尔值(Boolean)。设置或检索是否反转显示对象内容。0 | 1 1  :　 反转显示对象内容。
0:默认值。正常显示对象内容。
opacity:可选项。浮点数(Float)。设置对象内容的透明度。取值范围为 0.0 - 1.0 。默认值为 1.0 。不透明黑色。 0.0 为完全透明。
XRay:可选项。布尔值(Boolean)。设置或检索是否以X光效果显示对象内容。0 | 1 1  :　 以X光效果显示对象内容。
0:默认值。正常显示对象内容。

特性： Enabled:可读写。布尔值(Boolean)。
GrayScale:可读写。布尔值(Boolean)。
Invert:可读写。布尔值(Boolean)。设置或检索对象内容是否反相显示。0 | 1 1  :　 反相显示对象内容。
0:默认值。显示对象的原始色彩。
Mask:可读写。布尔值(Boolean)。设置或检索是否依据 MaskColor 的值为对象添加遮罩(Mask)。0 | 1 1  :　 添加遮罩。
0:默认值。显示对象的原始色彩。
MaskColor:可读写。整数值(Integer)。设置或检索遮罩颜色。
其格式为 0xAARRGGBB 。 AA 、 RR 、 GG 、 BB 为十六进制正整数。取值范围为 00 - FF 。 RR 指定红色值， GG 指定绿色值， BB 指定蓝色值， AA 指定透明度。 00 是完全透明。 FF 是完全不透明。取值范围为 0x00000000 - 0xFFFFFFFF 。默认值为 0x00000000 。不透明黑色。
Mirror:可读写。布尔值(Boolean)。
Opacity:可读写。浮点数(Float)。
Rotation :可读写。整数值(Integer)。设置或检索对象内容的旋转。0 | 1 | 2 | 3 0  :　 默认值。内容不旋转。
1: 内容旋转90度。
2: 内容旋转180度。
3:内容旋转270度。
XRay:可读写。布尔值(Boolean)。
说明：
用于色彩处理，图像旋转，或对象内容的透明度。
当此效果通过转变显示时，在渐变册色彩层之上的文本程序性的初始化为透明的，当色彩渐变实现后，文本颜色会以其定义的值更新。
示例：
#idDiv{position:absolute; left:140px; height:400; width:400;filter:progid:DXImageTransform.Microsoft.BasicImage(opacity=.2); }

Blur[ ]

语法：
filter : progid:DXImageTransform.Microsoft.Blur ( enabled=bEnabled , makeShadow=bShadow , pixelRadius=flRadius , shadowOpacity=fOpacity )
属性：
enabled  :　 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true  :　 默认值。滤镜激活。
false  :　 滤镜被禁止。
makeShadow  :　 可选项。布尔值(Boolean)。设置或检索对象的内容是否被处理为阴影显示。 true | false true  :　 对象的内容被处理为阴影。此时，整个对象被设置为黑色，然后被添加模糊效果。调整 ShadowOpacity 参数值可以控制其暗度。
false  :　 默认值。显示对象的原始色彩。
pixelRadius  :　 可选项。浮点数(Float)。设置或检索模糊效果的作用深度。默认单位为像素( px )。
取值范围为 1.0 - 100.0 。默认值为 2.0 。当此参数值小于 1.0 时滤镜失去作用。当此参数值大于 100.0 时，此参数使用默认值 2.0 。
shadowOpacity  :　 可选项。浮点数(Float)。设置或检索使用 makeShadow 制作成的阴影的透明度(暗度)。
取值范围为 0.0 - 1.0 。 0.0 为完全透明。 1.0 为完全不透明。默认值为 0.75 。当此参数值不在取值范围内时，此参数使用默认值 0.75 。
特性：
Enabled  :　 可读写。布尔值(Boolean)。
MakeShadow  :　 可读写。布尔值(Boolean)。
PixelRadius  :　 可读写。浮点数(Float)。
ShadowOpacity  :　 可读写。浮点数(Float)。
说明：
制作对象内容的模糊效果。
示例：

  1. idDiv{position:absolute; left:140px; height:400; width:400;filter:progid:DXImageTransform.Microsoft.blur() ; }

Chroma[ ]

语法：filter : progid:DXImageTransform.Microsoft.Chroma ( enabled=bEnabled , color=sColor )
属性：
enabled  :　 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true  :　 默认值。滤镜激活。
false  :　 滤镜被禁止。
color  :　 可选项。字符串(String)。设置或检索此滤镜作用的颜色值。
其格式为 #AARRGGBB 。 AA 、 RR 、 GG 、 BB 为十六进制正整数。取值范围为 00 - FF 。 RR 指定红色值， GG 指定绿色值， BB 指定蓝色值， AA 指定透明度。 00 是完全透明。 FF 是完全不透明。默认值为 #FF0000FF 。
特性：
Enabled  :　 可读写。布尔值(Boolean).
Color  :　 可读写。字符串(String)。
说明：
将对象中指定的颜色显示为透明。
不建议在8位到24位抖动的图片文件上使用此滤镜。例如保存时会抖动和压缩的JPEG格式图片文件，应用此滤镜，其结果会很难看。
此效果在羽化(柔化色彩以同周围相邻的颜色平和的过渡)的线条等处也不会很好的作用。
确定的 color 参数值可能会导致图片自身的透明颜色变为不透明。
示例：

  1. idDiv{position:absolute; left:140px; height:400; width:400;filter:progid:DXImageTransform.Microsoft.Chroma(color='yellow'), progid:DXImageTransform.Microsoft.Chroma(color='red') ; }

DropShadow[ ]

语法：
filter : progid:DXImageTransform.Microsoft.DropShadow ( enabled=bEnabled , color=sColor , offX=iOffsetX , offY=iOffsetY , positive=bPositive )
属性：
enabled  :　 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true  :　 默认值。滤镜激活。
false  :　 滤镜被禁止。
color  :　 可选项。字符串(String)。设置或检索此滤镜作用的颜色值。
其格式为 #AARRGGBB 。 AA 、 RR 、 GG 、 BB 为十六进制正整数。取值范围为 00 - FF 。 RR 指定红色值， GG 指定绿色值， BB 指定蓝色值， AA 指定透明度。 00 是完全透明。 FF 是完全不透明,默认值为 #FF404040 。
offX  :　 可选项。整数值(Integer)。单位为像素( px )。设置或检索阴影在横坐标轴上以对象为基准的偏移量。正值向右偏移，负值向左偏移。默认值为 5 。
offY  :　 可选项。整数值(Integer)。单位为像素( px )。设置或检索阴影在纵坐标轴上以对象为基准的偏移量。正值向下偏移，负值向上偏移。默认值为 5 。
positive  :　 可选项。布尔值(Boolean)。设置或检索滤镜是否从对象的非透明像素建立阴影。假如你有一个透明的对象但想给它建立普通的阴影，设置此参数值为 true。这会让透明对象的阴影在透明区域外，而非在透明区域内。true | false true  :　 默认值。滤镜从对象的非透明像素建立阴影。
false  :　 滤镜从对象的透明像素建立阴影。
特性：
Enabled  :　 可读写。布尔值(Boolean)。
Color  :　 可读写。字符串(String)。
OffX  :　 可读写。整数值(Integer)。
OffY  :　 可读写。整数值(Integer)。
Positive  :　 可读写。布尔值(Boolean)。
说明：
制作对象的阴影效果。
示例：

  1. idDiv{position:absolute; left:140px; height:400; width:400;filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray', Positive=true); }

Emboss[ ]

语法：filter : progid:DXImageTransform.Microsoft.Emboss ( enabled=bEnabled , Bias=fBias )
属性：
enabled  :　 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true  :　 默认值。滤镜激活。
false  :　 滤镜被禁止。
Bias  :　 可选项。浮点数(Float)。设置或检索添加到滤镜结果的每种颜色组分的值的百分比。取值范围为 -1.0 - 1.0 。默认值为 0.7 。大的此参数值产生高亮滤光效果。高对比度的图片受此滤镜的影响较小。
特性：
Enabled  :　 可读写。布尔值(Boolean)。
Bias  :　 可读写。浮点数(Float)。
说明：用灰度值为对象内容制作浮雕纹理效果。
示例：

  1. idDiv{position:absolute; left:140px; height:400; width:400;filter:progid:DXImageTransform.Microsoft.emboss(enabled='false') ; }

MotionBlur[ ]

语法：
filter : progid:DXImageTransform.Microsoft.MotionBlur ( enabled=bEnabled , add=bAddImage , direction=iOffset , strength=iDistance )
属性：
enabled  :　 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true  :　 默认值。滤镜激活。
false  :　 滤镜被禁止。
add  :　 可选项。布尔值(Boolean)。设置或检索滤镜作用图像是否覆盖原始图像。true | false true  :　 滤镜作用图像覆盖原始图像。
false  :　 默认值。只显示滤镜作用图像。
direction  :　 可选项。整数值(Integer)。设置或检索滤镜效果的运动偏移方向。默认单位为角度。0 | 45 | 90 | 135 | 180 | 225 | 270 | 315
小于 0 或大于 360 的值会自动转换为 0 - 360 之间的值。例如， -45 会转换为 315 。 0  :　 上。
45  :　 右上。
90  :　 下。
135  :　 右下。
180  :　 下。
225  :　 左下。
270  :　 默认值。左。
315  :　 左上。
strength  :　 可选项。整数值(Integer)。单位为像素( px )。设置或检索以对象为基准的在运动方向上的向外扩散距离。取值范围为 >=0 。默认值为 5 。
特性：
Enabled  :　 可读写。布尔值(Boolean)。
Add  :　 可读写。布尔值(Boolean)。
Direction  :　 可读写。整数值(Integer)。
Strength  :　 可读写。整数值(Integer)。
说明：
为对象内容制作运动模糊效果。
示例：
DIV.aFilter {filter:progid:DXImageTransform.Microsoft.MotionBlur(Strength=5,Direction=90);}

Flip[ ]

语法：filter : FlipH ( enabled=bEnabled ) /FlipV ( enabled=bEnabled )
属性：
enabled  :　 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true  :　 默认值。滤镜激活。
false  :　 滤镜被禁止。
特性：Enabled  :　 可读写。布尔值(Boolean)。
说明：
水平/垂直翻转对象内容。
使用 BasicImage 滤镜可以更有效率的建立效果。
示例：

  1. idDiv{ height:250px; width:250px; filter:FlipH(); }
  2. idDiv{ height:250px; width:250px; filter:FlipV(); }

Glow[ ]

语法：filter : progid:DXImageTransform.Microsoft.Glow ( enabled=bEnabled , color=sColor , strength=iDistance )
属性：
enabled  :　 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true  :　 默认值。滤镜激活。
false  :　 滤镜被禁止。
color  :　 可选项。字符串(String)。设置或检索此滤镜作用的颜色值。
其格式为 #RRGGBB 。 RR 、 GG 、 BB 为十六进制正整数。取值范围为 00 - FF 。 RR 指定红色值， GG 指定绿色值， BB 指定蓝色值.
默认值为 #FF0000 。
strength  :　 可选项。整数值(Integer)。单位为像素( px )。设置或检索以对象为基准的向外扩散距离。取值范围为 1 - 255 。默认值为 5 。
特性：
Enabled  :　 可读写。布尔值(Boolean).
Color  :　 可读写。字符串(String)。
Strength  :　 可读写。整数值(Integer)。
说明：
环绕对象内容边缘添加辉光制作发热效果。辉光将出现在对象边界内的内容的最外轮廓之外。
假如对象内有文本而无背景( background )和图片，则每个文本字符将会被辉光环绕。
假如对象内有背景( background )或图片，则整个对象容器会被辉光环绕。
假如对象的子对象定位超出了对象边界，则仅仅在对象容器内的内容会被辉光环绕。
示例：

  1. idDiv{position:absolute; left:140px; height:400; width:400;filter: glow(Color=blue,Strength=5) ; }
    \

Gray[ ]

语法：filter : Gray ( enabled=bEnabled )
属性：
enabled  :　 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true  :　 默认值。滤镜激活。
false  :　 滤镜被禁止。
特性：Enabled  :　 可读写。布尔值(Boolean)。
说明：
灰度显示对象内容。
使用 BasicImage 滤镜可以更有效率的建立效果。
示例：

  1. idDiv{ height:250px; width:250px; filter:Gray(); }

Invert[ ]

语法：filter : Invert ( enabled=bEnabled )
属性：
enabled  :　 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true  :　 默认值。滤镜激活。
false  :　 滤镜被禁止。
特性：Enabled  :　 可读写。布尔值(Boolean)。
说明：
反相显示对象内容。
使用 BasicImage 滤镜可以更有效率的建立效果。
示例：

  1. idDiv{ height:250px; width:250px; filter:Invert(); }

Xray[ ]

语法：filter : Xray ( enabled=bEnabled )
属性：
enabled  :　 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true  :　 默认值。滤镜激活。
false  :　 滤镜被禁止。
特性：
Enabled  :　 可读写。布尔值(Boolean)。
说明：
以X光效果显示对象内容。
使用 BasicImage 滤镜可以更有效率的建立效果。
示例：

  1. idDiv{ height:250px; width:250px; filter:Xray(); }

Shadow[ ]

语法：filter : progid:DXImageTransform.Microsoft.Shadow ( enabled=bEnabled , color=sColor , direction=iOffset , strength=iDistance )
属性：
enabled  :　 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true  :　 默认值。滤镜激活。
false  :　 滤镜被禁止。
color  :　 可选项。字符串(String)。设置或检索此滤镜作用的颜色值。
其格式为 #RRGGBB 。 RR 、 GG 、 BB 为十六进制正整数。取值范围为 00 - FF 。 RR 指定红色值， GG 指定绿色值， BB 指定蓝色值.
direction  :　 可选项。整数值(Integer)。设置或检索滤镜效果的运动偏移方向。默认单位为角度。0 | 45 | 90 | 135 | 180 | 225 | 270 | 315
小于 0 或大于 360 的值会自动转换为 0 - 360 之间的值。例如， -45 会转换为 315 。 0  :　 上。
45  :　 右上。
90  :　 下。
135  :　 右下。
180  :　 下。
225  :　 默认值。左下。
270  :　 左。
315  :　 左上。
strength  :　 可选项。整数值(Integer)。单位为像素( px )。设置或检索以对象为基准的在运动方向上的向外扩散距离。取值范围为 >=0 。默认值为 5 。
特性：
Enabled  :　 可读写。布尔值(Boolean)。
Color  :　 可读写。字符串(String)。
Direction  :　 可读写。整数值(Integer)。
Strength  :　 可读写。整数值(Integer)。
说明：
为对象内容建立阴影效果。
示例：
DIV.aFilter {filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=90);}

  1. oDIV {filter:progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=45, color=blue);}
取自“https://www.zzbaike.com/wiki/静态滤镜?oldid=26019”