CSS滤镜之Invert属性- HTML/XHTML教程 - 软晨网（RuanChen.com）

当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > CSS滤镜之Invert属性

HTML/XHTML教程: HTML表格标记教程(29):单元格的亮边框色属性BORDERCOLORLIGHT; XHTML教程:针对初学者的XHTML基础; HTML表格标记教程(27):单元格的背景图像属性BACKGROUND; HTML表格标记教程(26):单元格标记; HTML表格标记教程(24):行的水平对齐属性ALIGN; HTML表格标记教程(25):行的垂直对齐属性VALIGN; HTML表格标记教程(22):行的亮边框色属性BORDERCOLORLIGHT; HTML表格标记教程(23):行的暗边框色属性BORDERCOLORDARK; HTML表格标记教程(20):行的背景色属性BGCOLOR; HTML表格标记教程(21):行的边框色属性BORDERCOLOR; HTML表格标记教程(19):行标记; HTML表格标记教程(17):表格标题垂直对齐属性VALIGN; HTML表格标记教程(18):表格的表头; HTML表格标记教程(15):表格的标题; HTML表格标记教程(16):标题水平对齐属性ALIGN; HTML表格标记教程(13):内部边框样式属性RULES; HTML表格标记教程(14):表格的表头; HTML教程：html水平线段; XHTML入门学习教程:表格标签的应用; XHTML入门学习教程:XHTML网页图片应用

技术文章搜索

关键字

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-11-04 浏览: 35 ::

收藏到网摘: n/a

Invert属性可以把对象的可视化属性全部翻转，包括色彩、饱和度和亮度值。
　　它的表达式也很简单：

　　Filter：Invert

　　我们再来看一下加上Invert属性前后的图片效果变化（如下图）：

　　　　　　　　原图　　　　　　　　　　　　　　　 Invert属性效果图

　　我们看到Invert属性实际上达到的是一种“底片”的效果。