您的位置:首页 > Web前端 > CSS

为什么FireFox 不支持CSS滤镜?

2011-09-18 09:48 281 查看
    今天本想学习一下CSS的滤镜,可是不知道为什么FF就不买账,就是不肯显示效果.倒是IE不错,所有的滤镜效果都出来了.

   难道这些滤镜都是针对IE的吗?有点不明白.下面是一些滤镜的描述,有的有示范,有的没有.(示范应该显示不出来)
Alpha滤镜
Blur滤镜
Chroma滤镜
Dropshadow滤镜
FlipH、FlipV滤镜
Glow滤镜
Gray滤镜
Invert滤镜
Light滤镜
Mask滤镜
Shawdow滤镜
Wave滤镜
X-ray滤镜

Alpha滤镜

语法:Alpha(Opacity=?,FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?,FinishY=?)

参数和功能: 使对象产生透明度。

[align=center]参数名称[/align]
[align=center]功能[/align]
[align=center]参数[/align]
Opacity图片的不透明度值从0-100,0为完全透明,100为完全不透明
FinishOpacity设置渐变的透明效果时,用来指定结束时的透明度值从0-100,0为完全透明,100为完全不透明
Style指定渐变的显示形状0:没有渐进;1:直线渐进;2:圆形渐进;3:矩形渐进
StartX渐变透明效果开始的X坐标值 
StartY渐变透明效果开始的Y坐标值 
FinishX渐变透明效果结束的X坐标值
FinishY渐变透明效果结束的Y坐标值
Blur滤镜

语法:Blur(Add=?, Direction=?,Strength=?)

参数和功能: 使对象产生模糊效果。

[align=center]参数名称[/align]
[align=center]功能[/align]
[align=center]参数[/align]
Add指定图片是否显示原来的模糊方向0:不显示原对象;1:显示原对象
Direction设置模糊的方向0(上),45(右上),90(右),135(右下),180(下),225(左下),270(左),315(左上)
Strength指定模糊图像模糊的半径大小以pixels为单位,默认为5
Chroma滤镜

语法:Chroma(Color=?)

参数和功能:某个颜色变透明。这个功能对图片的支持不是很好。

[align=center]参数名称[/align]
[align=center]功能[/align]
[align=center]参数[/align]
color

把图片或文字中的某个颜色变为透明RGB格式的颜色值
Dropshadow滤镜

语法:DropShadow(Color=?, OffX=?, OffY=?,Positive=?)

参数和功能: 阴影效果。这个功能对图片的支持不是很好,普遍用于文字。

[align=center]参数名称[/align]
[align=center]功能[/align]
[align=center]参数[/align]
Color指定阴影的颜色RGB格式的颜色值
OffX指定阴影相对于对象在水平方向的偏移整数。正数表示阴影在对象右方,负数表示在左方。
OffY指定阴影相对于对象在水垂直方向的偏移整数。正数表示阴影在对象上方,负数表示在下方。
Positive指定阴影的透明度0:透明,无阴影;非0:阴影的强度
示范:
文字效果

[align=center]DropShadow(Color=#a0a0a0, OffX=5, OffY=5, Positive=1)[/align]
FlipH、FlipV滤镜

无任何参数。FlipH使对象产生水平翻转效果;FlipV使对象产生垂直翻转效果。

Glow滤镜

语法:Glow(Color=?, Strength=?)

参数和功能:使对象的外轮廓产生一种光晕效果。一般用于文字效果。
[align=center]参数名称[/align]
[align=center]功能[/align]
[align=center]参数[/align]
Color指定光晕的颜色RGB格式的颜色值
Strength指定光晕的范围设定值从1-255,数字越大光晕越强
示范:
文字效果

[align=center]Glow(Color=ff0000, Strength=2)[/align]
Gray滤镜

无任何参数。使图片由彩色变为灰白色调。

Invert滤镜

无任何参数。使图片产生照片底片的效果。

Light滤镜

语法:Light(?)

参数和功能:模拟光源的投射效果。不过要通过调用方法来实现,这就需要用到javascript动态滤镜编程。在这里就不细说了。
[align=center]方法[/align]
[align=center]功能[/align]
AddAmbient加入包围的光源
AddCone加入锥形光源
Addpoint加入点光源
Changcolor改变光的颜色
Changstrength改变光源的强度
Clear清除所有的光源
MoveLight移动光源
Mask滤镜

语法:Mask(Color=?)

参数和功能:在对象上建立一个覆盖于表面的膜。对图像的支持不好,普遍用于文字。
示范:
文字效果

Mask(Color=ff0000)

Shawdow滤镜
语法:Shadow(Color=?,Direction=?)

参数和功能:与dropshadow非常相似,也是一种阴影效果。dropshadow没有渐进感,shadow有渐进的阴影感。
[align=center]参数名称[/align]
[align=center]功能[/align]
[align=center]参数[/align]
Color指定阴影的颜色RGB格式的颜色值
Direction指定阴影的方向0:垂直向上;每45度为一个单位
示范:
文字效果

Shadow(Color=#0099ff, Direction=90)

Wave滤镜

语法:Wave(Add=?, Freq=?, LightStrength=?,Phase=?, Strength=?)

参数和功能:使对象在垂直方向上产生波浪的变形效果。

[align=center]参数名称[/align]
[align=center]功能[/align]
[align=center]参数[/align]
Add表示是否显示原对象0:不显示;1:显示
Freq设置波动的数量自然数
LightStrength设置波浪效果的光照强度0-100,1为最弱,100为最强
Phase波浪的起始相位0-100
Strength设置波浪摇摆的幅度自然数
X-ray滤镜

无任何参数。使图片只显示其轮廓。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息