网页滤镜filter,图片滤镜网站

http://www.itjxue.com  2023-01-04 15:41  来源:未知  点击次数: 

html中style的filter各种用法,要详细的,越多越好

CSS滤镜参考语法:STYLE="filter:filtername(fparameter1, fparameter2...)"

(Filtername为滤镜的名称,fparameter1、fparameter2等是滤镜的参数)

script 语法:HTMLElement.filters.filterName.fParameter=value;

滤镜说明:

Alpha:设置透明层次

blur:创建高速度移动效果,即模糊效果

Chroma:制作专用颜色透明

DropShadow:创建对象的固定影子

FlipH:创建水平镜像图片

FlipV:创建垂直镜像图片

glow:加光辉在附近对象的边外

gray:把图片灰度化

invert:反色

light:创建光源在对象上

mask:创建透明掩膜在对象上

shadow:创建偏移固定影子

wave:波纹效果

Xray:使对象变得像被x光照射一样

1、滤镜:Alpha

语法:STYLE="filter:Alpha(Opacity=opacity, FinishOpacity=finishopacity,Style=style, StartX=startX,StartY=startY,FinishX=finishX,FinishY=finishY)"

说明:

Opacity:起始值,取值为0~100, 0为透明,100为原图。

FinishOpacity:目标值。

Style:1或2或3

StartX:任意值

StartY:任意值

例子:filter:Alpha(Opacity="0",FinishOpacity="75",Style="2")

2、滤镜:blur

语法:STYLE="filter:Blur(Add = add, Direction = direction, Strength = strength)"

说明:

Add:一般为1,或0。

Direction:角度,0~315度,步长为45度。

Strength:效果增长的数值,一般5即可。

例子:filter:Blur(Add="1",Direction="45",Strength="5")

3、滤镜:Chroma

语法:STYLE="filter:Chroma(Color = color)"

说明:color:#rrggbb格式,任意。

例子:filter:Chroma(Color="#FFFFFF")

4、滤镜:DropShadow

语法:STYLE="filter:DropShadow(Color=color, OffX=offX, OffY=offY, Positive=positive)"

说明:Color:#rrggbb格式,任意。

Offx:X轴偏离值。

Offy:Y轴偏离值。

Positive:1或0。

例子:filter:DropShadow(Color="#6699CC",OffX="5",OffY="5",Positive="1")

5、滤镜:FlipH

语法:STYLE="filter:FlipH"

例子:filter:FlipH

6、滤镜:FlipV

语法:STYLE="filter:FlipV"

例子:filter:FlipV

7、滤镜:glow

语法:STYLE="filter:Glow(Color=color, Strength=strength)"

说明:

Color:发光颜色。

Strength:强度(0-100)

例子:filter:Glow(Color="#6699CC",Strength="5")

8、滤镜:gray

语法:STYLE="filter:Gray"

例子:filter:Gray

9、滤镜:invert

语法:STYLE="filter:Invert"

例子:filter:Invert

10、滤镜:mask

语法:STYLE="filter:Mask(Color=color)"

例子:filter:Mask (Color="#FFFFE0")

11、滤镜:shadow

语法:filter:Shadow(Color=color, Direction=direction)

说明:

Color:#rrggbb格式。

Direction:角度,0-315度,步长为45度。

例子:filter:Shadow (Color="#6699CC", Direction="135")

12、滤镜:wave

语法:filter: Wave(Add=add,Freq=freq,LightStrength=strength,Phase=phase,Strength=strength)

说明:

Add:一般为1,或0。

Freq:变形值。

LightStrength:变形百分比。

Phase:角度变形百分比。

Strength:变形强度。

例子:filter: wave(Add="0", Phase="4", Freq="5", LightStrength="5", Strength="2")

13、滤镜:Xray

语法:STYLE="filter:Xray"

例子:filter:Xray

用滤镜filter属性做了一个翻页效果,但是在IE下才会显示,火狐 谷歌 搜狗 翻页效果都显示不出来,

IE6和IE7 8之间的兼容问题很多很多。纯DIV+CSS吗?尽量把版面分为几个大块DIV,再套小DIV,在CSS中的溢出隐藏要常设置,另外就是padding的使用要谨慎了.....是我的话情愿在要留边的时候加空DIV去撑版面。滤镜是痛苦滴.......的确Filter的效果只在IE下显示-0-滤镜不影响CSS版式。

IE浏览器改变图片亮度的filter怎么用

-moz代表firefox浏览器私有属性

-ms代表IE浏览器私有属性

-webkit代表chrome、safari私有属性

-o-代表Opera浏览器私有属性

webstorm提示unknow是因为webstorm是ie内核,不支持其它浏览器私有属性。

-ms-filter ie8才开始支持,ie10对filter与-ms-filter都不支持

brightness是w3c滤镜,ie不支持,所以ie上没有效果。

如何给一个开发好的网页添加黑白滤镜

可以用CSS样式表实现,在网页/模板的HTML代码head和/head 之间插入:

style

html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}

/style

更简单的把页面变成灰色的代码是在head 之间加

style type="text/css"

html {

FILTER: gray

}

/style

有一些网页可能使用这个css 不能生效,是因为网站没有使用最新的网页标准协议。

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"""

html xmlns=""

那么请将网页最头部的html替换为以上代码。

有一些网页上嵌入的FLASH动画的颜色不能被CSS滤镜控制,可以在FLASH代码的object …和/object之间插入:

param value="false" name="menu"/

param value="opaque" name="wmode"/

css里的filter属性?

这种东西应该是ie里面独有的东西。其他浏览器本来就不支持。也不是css里面的东西。

css3里面有个opacity,为了兼容ie可能需要添加 filter:alpha(opacity:70)之类的。

求教CSS滤镜filter

语法是这样的。

{FILTER:ALPHA(opacity=opacity,finishopacity=finishopacity,style=style,startx=startx,

starty=starty,finishx=finishx,finishy=finishy)}

各参数代表的意义:

'Alpha'属性是把一个目标元素与背景混合。设计者可以指定数值来控制混合的程度。这种“与背景混合”通俗地说

就是一个元素的透明度。通过指定坐标,可以指定点、线、面的透明度。他们的参数含义分别如下:

“opacity'代表透明度水准。默认的范围是从0 到 100,他们其实是百分比的形式。也就是说,0代表完全透明,

100代表完全不透明。”finishopacity'是一个可选参数,如果想要设置渐变的透明效果,就可以使用他们来指定

结束时的透明度。范围也是0 到 100。“style' 参数指定了透明区域的形状特征。其中0代表统一形状、1代表线形、2代表放射状

、3代表长方形。”STARTX“和”STARTY“代表渐变透明效果的开始X和Y坐标。”

FINISHX“和”FINISHY“代表渐变透明效果结束X和Y 的坐标。

filter的透明属性,IE6不支持。

望采纳。

(责任编辑:IT教学网)

更多