利用filter属性实现简单的黑暗模式

277 阅读1分钟

developer.mozilla.org/zh-CN/docs/… 利用filter的invert(反转)与hue-rotate(色相旋转)

html {
    filter: invert(1) hue-rotate(180deg);
}

image.png

再把图片添加上相同属性 反转回来就实现了黑夜模式

img {
    filter: invert(1) hue-rotate(180deg);
}

image.png