CSS滤镜Invert属性

webdn

首页

首页 >> WebDN 技术文档 >> css 大全 >> CSS滤镜：Invert属性

CSS滤镜Invert属性

[摘要]

CSS滤镜是我们不常用的技巧，如果恰当的运用，会给你带来意想不到的效果；现实中，我们总是用花哨的flash,gif,装点网页，为何不试试css滤镜带来的效果？

9、Invert属性

　　Invert属性可以把对象的可视化属性全部翻转，包括色彩、饱和度和亮度值。

　　它的表达式也很简单：

　　Filter：Invert

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

　　原图：　
　

　　Invert属性效果图：
　　 CSS滤镜Invert属性

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

　　自己拿别的图来试试吧。本节介绍的是Invert属性，下一节将向您介绍Mask属性。