实现网站的暗黑模式
方法一、纯css实现
- 优点:实现简单
- 缺点:需要把图片,背景,视频再进行还原处理
css
* {
filter: invert(1) hue-rotate(180deg);
}
img
video {
filter: invert(1) hue-rotate(180deg);
}
方法二、js实现
- 优点:兼容性好
- 缺点:需要额外引入第三方库
使用第三方库Darkmode.js