css滤镜有什么作用?
css滤镜的标识符是“filter”,总体的应用上和其他的css语句相同。css滤镜可分为基本滤镜和高级滤镜两种。css滤镜可以直接作用于对象上,并且立即生效的滤镜称为基本滤镜;而要配合JavaScript等脚本语言,能产生更多变幻效果的则称为高级滤镜。
CSS滤镜(filter)提供了图形特效,像模糊,锐化或元素变色;通常被用于调整图片,背景和边界的渲染。
简而言之,就是在CSS中提供了一些已经预定义的属性或函数,实现图像的模糊、变色等效果。
浏览器支持
表格中的数字表示支持该方法的第一个浏览器的版本号。
紧跟在数字后面的 -webkit- 为指定浏览器的前缀。
注意: 旧版 Internet Explorer 浏览器(4.0 to 8.0) 支持的非标准 “filter” 属性已被废弃。 IE8 及更低版本浏览器通常使用 opacity 属性。
CSS滤镜支持的方法(function)
blur 模糊
grayscale 灰度
sepia 褐色
saturate 饱和度
hue-rotate 色相旋转
invert 反色
opacity 透明度
brightness 亮度
contrast 对比度
drop-shadow 阴影
为了实现兼容性,当然少不了前缀-webkit-
-webkit-filter : function (param);
随着样式表技术的不断成熟,其滤镜功能和种类也在不断增多。如果用户能够熟练地混合使用它们,将可以产生意想不到的效果。在操作上,用户只需要了解具体滤镜的实际效果后,就能根据实际进行微调了。
以上就是css滤镜有什么作用?的详细内容,更多请关注易知道|edz.cc其它相关文章!
相关内容
-
笔记本电脑不支持混音|笔记本电脑不支持混音怎
笔记本电脑不支持混音|笔记本电脑不支持混音怎么办,,1. 笔记本...
-
金蝶执sql语句出错|如何处理SQLServer的错误信
金蝶执sql语句出错|如何处理SQLServer的错误信息,,1.如何处理S...
-
你支持800万用户Firefox吗如何能在火狐浏览器上
你支持800万用户Firefox吗如何能在火狐浏览器上中国的道路,,2...
-
正式发布的小米9支持5G信号吗对此你怎么看
正式发布的小米9支持5G信号吗对此你怎么看,小米,怎么看,正式发...
-
支持高清的下一代:新版本的WinDVD出炉!{图}
支持高清的下一代:新版本的WinDVD出炉!{图},,今天,InterVideo Win...
-
基于kibana的Dev Tools控制板上es常用查询语句
基于kibana的Dev Tools控制板上es常用查询语句,索引,模板,1、...
-
鸿蒙这么优秀,为什么大家不支持一下国产华为
鸿蒙这么优秀,为什么大家不支持一下国产华为,华为,鸿蒙,鸿蒙这...
-
电脑系统一般多大内存|电脑系统支持多大内存
电脑系统一般多大内存|电脑系统支持多大内存,,电脑系统支持多...
-
电脑中cpu是有何作用及工作原理|电脑中cpu的作
电脑中cpu是有何作用及工作原理|电脑中cpu的作用,,1. 电脑中cp...
-
怎么解决Win10显示器输入不支持导致系统无法运
怎么解决Win10显示器输入不支持导致系统无法运行,不支持,显示...
-
1分钟学会在C++中将图像转换为Word文档,快速入手
1分钟学会在C++中将图像转换为Word文档,快速入手光学字符处理...
-
电脑配件怎么可能是真是假计算机辅助识别真假图
电脑配件怎么可能是真是假计算机辅助识别真假图像,,电脑配件怎...
-
支持DDR3!AM3接口790gx主板的评价
支持DDR3!AM3接口790gx主板的评价,,二月,在主板市场,各种各样的AM...
-
三星大器五g9298支持电信吗
三星大器五g9298支持电信吗,比我,我的,三星大器五g9298支持电...
-
Windows 11迎来首个原生支持ARM64的Visual Stud
Windows 11迎来首个原生支持ARM64的Visual Studio预览,WPS教...