html 滤镜兼容,哪些浏览器支持css滤镜？

css滤镜的标识符是“filter”，总体的应用上和其他的css语句相同。css滤镜可分为基本滤镜和高级滤镜两种。可以直接作用于对象上，并且立即生效的滤镜称为基本滤镜。而要配合JavaScript等脚本语言，能产生更多变幻效果的则称为高级滤镜。

滤镜只是属于IE浏览器开发下的功能，不支持IE内核的浏览器也就都不支持这些滤镜。

常用的样式表滤镜

1、α滤镜

作用：该滤镜可以实现各种溶入效果，如果大家将该滤镜与网页脚本语言结合起来，对滤镜的参数进行处理的话，就能很轻易地做出淡入淡出的效果来。

语法：{FILTER：ALPHA(opacity=opacity，finishopacity=finishopacity，

style=style，startx=startx，starty=starty，finishx=finishx，finishy=finishy)}

2、模糊滤镜

作用：该滤镜主要是让图象产生一种模糊效果。

语法：{filter:blur(add=add，direction=direction，strength=strength)}

3、斜影滤镜

作用：该滤镜主要是为对象建立轮廓的影子效果的，它可以在指定的方向建立物体的投影；

语法：{filter:shadow(color=color,direction=direction)}

4、发光滤镜

作用：该滤镜可以给图象或者文字产生一种发光效果；

语法：{filter:glow(color=color,strength=strength)}

5、灯光滤镜

作用：灯光滤镜是模拟光源来投射文字或者图象，使图象和文字能产生一定的投射效果；

语法：{filter:light}

6、遮罩滤镜

作用：该滤镜可以为对象建立一个覆盖于表面的膜，其效果就象戴着有色眼镜看物体一样。

语法：{filter:mask(color=color)}

7、阴影滤镜

作用：阴影滤镜就是给对象添加阴影效果，其工作原理是建立一个偏移量，加上色彩。

语法：{filter:dropshadow(color=color,offx=offx,offy=offy,positive=positive)}

8、灰度滤镜

作用：该滤镜主要是将图象对象转换成灰度形式显示。

语法：{filter:gray}

9、翻转滤镜

作用：翻转滤镜主要是实现图象对象的水平或者竖直翻转效果。

语法：{filter:filph} {filter:filpv}

10、X光滤镜

作用：X光滤镜可以让对象反映出它的轮廓并把这些轮廓加亮。

语法：{filter:xray}

11、倒置滤镜

作用：使用该滤镜可以把包括色彩、饱和度、和亮度值等对象的可视化属性全部翻转。

语法：{filter:invert}

12、波纹滤镜

作用：波纹滤镜可以在水平和竖直方向利用正弦波打乱图象，使图象产生水波效果。

语法：{filter:wave(add=add,freq=freq,lightstrength=strength,phase=phase,strength=strength)}

html 滤镜兼容,哪些浏览器支持css滤镜？相关推荐

css位置-moz-兼容,兼容不同浏览器的CSS前缀-webkit-，-ms-，-moz-，-o-
笔者在工作实践中发现当需要CSS兼容不同的浏览器时,需要在CSS样式前加上不同的前缀,从而使其他浏览器也能够达到相同的页面效果. 那么我们怎么去加上这些前缀呢?我们一起带着疑问来进行学习: 1.前缀分 ...
将网站变成灰色，黑白色，兼容IE，谷歌CSS滤镜
如果用传统的方法将网站变成黑白色非常的麻烦,需要更换页面的文件,并且要对图片进行更改.但如果自己的网站支持CSS的话,一切变得很简单.只要是符合w3标准的网页,在CSS文件的最前面加上一行代码就可以了 ...
filter wiz_Grid Wiz简介：只需一瞬间即可制作出具有自定义浏览器支持CSS网格框架。
filter wiz Today, I am thrilled to share with you a new, flexible grid framework generator: Grid Wiz ...
兼容多浏览器的CSS背景透明
在CSS中有一个Alpha滤镜,这个滤镜可以设置目标元素的透明度.还可以通过指定坐标,从而实现各种不通范围的透明度.具体语法如下: 引用内容: {filter: alpha(opacity=opaci ...
IE, FireFox, Opera 浏览器支持CSS实现Alpha半透明的方法
这个世界变化很快,IE8也快出来了,它将不在支持以前{filter:alpha(opacity=50);}的私有属性,转而支持更规范的私有属性-ms-filter: "progid:DXIm ...
如何写出兼容大部分浏览器的CSS 代码
前阵子一直在从事b/s 项目的开发,在css 方面有一些心得体会,特写来与大家分享,欢迎大家评论,不过请勿人身攻击啊,因为在前几年我也写过一篇文章:[原]兼容浏览器的布局CSS心得体会楼下有很多人的 ...
html css 打印页码,浏览器支持CSS页码
通过Mozilla,(Printing a document) 这会在每个打印页面上放置页眉和页脚.这在Mozilla中效果很好,但在IE和Chrome中效果不是很好. Print sample Se ...
html滤镜无效果,为什么css滤镜(filter属性)没用？
为什么css滤镜(filter属性)没用?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 滤镜filter属性,可以对网页中的图片进行类似Photosho ...
css显示内容越来越模糊_纯干货，前端学者的福音！如何使用css滤镜改变图片颜色...
说到对图片进行处理,我们经常会想到PS,美图秀秀这类的图像处理工具.作为前端,全栈开发者,我们经常会需要处理一些特效,例如根据不同的状态,让图片显示不同的颜色.或者是hover的时候,对图片的对比度, ...

html 滤镜兼容,哪些浏览器支持css滤镜？

html 滤镜兼容,哪些浏览器支持css滤镜？相关推荐

最新文章

热门文章