- 说明
CSS滤镜属性,可以在元素呈现之前,为元素的渲染提供一些效果,如模糊、颜色转移之类的。滤镜常用于调整图像、背景、边框的渲染。 - 语法
-webkit-filter:none | blur(px) | brightness() | contrast() | grayscale() | hue-rotate(deg) | invert() | opacity() | saturate() | sepia() | drop-shadow( radius )| url()
默认值:none - 取值
none 无SVG滤镜效果。
blur(px) 设置对象的模糊效果。
brightness() 设置对象的亮度。除了百分比外,也可以用非负数表达。
contrast() 设置对象的对比度。除了百分比外,也可以用0-1的数字表达。
grayscale() 设置对象的灰度。除了百分比外,也可以用0-1的数字表达。
hue-rotate(deg) 设置对象的色相旋转。用0-360数字表达。
invert() 设置对象的反色。除了百分比外,也可以用0-1的数字表达。
opacity() 设置对象的透明度。除了百分比外,也可以用0-1的数字表达。
saturate() 设置对象的饱和度。除了百分比外,也可以用非负数表达。
sepia() 设置对象的褐色程度。除了百分比外,也可以用0-1的数字表达。
drop-shadow(<length①> <length②> radius ) 设置对象的阴影。第一个长度是向右偏移距离,第二个长度是向下偏移距离,皆可为负值,皆为必传参数;第三个是阴影圆角,可选;第四个是阴影颜色
css3属性 -webkit-filter用法
最新推荐文章于 2024-04-23 19:06:37 发布