推荐个Css的filter常用滤波器属性及语句大全(css filter blur)

编辑：rootadmin

Css的filter常用滤波器属性及语句大全语法：STYLE="filter:filtername(fparameter1, fparameter2...)" 　　（Filtername为滤镜的名称，fparameter1、fparameter2等是滤镜的参数）　　滤镜说明：　　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～, 0为透明，为原图。　　FinishOpacity：目标值。　　Style：1或2或3 　　StartX：任意值　　StartY：任意值　　例子：filter:Alpha(Opacity="0",FinishOpacity="",Style="2") 　　2、滤镜：blur 　　语法：STYLE="filter:Blur(Add = add, Direction = direction, Strength = strength)" 　　说明：　　Add：一般为1，或0。　　Direction：角度，0～度，步长为度。　　Strength：效果增长的数值，一般5即可。　　例子：filter:Blur(Add="1",Direction="",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="#CC",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－) 　　例子：filter:Glow(Color="#CC",Strength="5") 　　8、滤镜：gray 　　语法：STYLE="filter:Gray" 　　例子：filter:Gray 　　9、滤镜：invert 　　语法：STYLE="filter:Invert" 　　例子：filter:Invert 　　、滤镜：mask 　　语法：STYLE="filter:Mask(Color=color)" 　　例子：filter:Mask (Color="#FFFFE0") 　　、滤镜：shadow 　　语法：filter:Shadow(Color=color, Direction=direction) 　　说明：　　Color：#rrggbb格式。　　Direction：角度，0－度，步长为度。　　例子：filter:Shadow (Color="#CC", Direction="") 　　、滤镜：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") 　　、滤镜：Xray 　　语法：STYLE="filter:Xray" 　　例子：filter:Xray .颜色变化语法： filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#B5CCFA', EndColorStr='#B5CCFA');

推荐整理分享推荐个Css的filter常用滤波器属性及语句大全(css filter blur)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:css filter url,filter css,css filter hue-rotate,css中filter属性值,css filter hue-rotate,css filter hue-rotate,css filter opacity,css filter progid,内容如对您有帮助，希望把文章链接给更多的朋友！

淘宝段正淳的css笔记大全第1/4页试想过总结出这几年来写css与xhtml的经验，汇总成一片旷世奇文分享给大家。无奈寡人年世已高，真是有点力不从心了。于是转念一想，可以用笔记的

CSS实现的一个图片放大展示的一种思路这个用纯css实现的图片放大效果,真不错,看了以前有不少用纯css实现的图片放大效果的代码,都不理想,还是在这个好啊看下面的HTML代码：divclass="photo"ullia

用css滤镜实现的文字描边效果的代码注意：当与背景图同时出现时，会出现不兼容。积木网[Ctrl+A全选注:如需引入外部Js需刷新才能执行]