CSS颜色反转

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

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

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

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