如何使CSS反色？

html-css025

如何使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])。