如何使CSS反色?

html-css013

如何使CSS反色?,第1张

基于IE高版本内核可以使用Invert滤镜

语法:

filter : Invert ( enabled=bEnabled )

示例:

#idDiv{ height:250pxwidth:250pxfilter:Invert()}

主要是给html标签加个样式:代码如下

html {

-webkit-filter: grayscale(100%)

-moz-filter: grayscale(100%)

-ms-filter: grayscale(100%)

-o-filter: grayscale(100%)

filter: grayscale(100%)

filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)

}

filter CSS 属性将模糊或颜色偏移等图形效果应用于元素。滤镜通常用于调整图像,背景和边框的渲染。CSS 标准里包含了一些已实现预定义效果的函数。你也可以参考一个 SVG 滤镜,通过一个 URL 链接到 SVG 滤镜元素 (SVG filter element[1])。