网页滤镜filter,图片滤镜网站
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不支持。
望采纳。