CSS颜色反转

发表于 分类于 / Changyan：

最近写 Chrome 插件，需要实现一个简单的暗黑风。网上搜了搜发现 CSS Filter 可以满足我的要求。

具体落实到代码，invert 的值是个百分数，100%就是完全反转颜色，0%就是正常显示:

1
2
3
4
5
6
7
.normal {
 filter: invert(0%);
}

.inverted {
 filter: invert(100%);
}