Skip to content

实现网站的暗黑模式

方法一、纯css实现

  • 优点:实现简单
  • 缺点:需要把图片,背景,视频再进行还原处理
css
* {
  filter: invert(1) hue-rotate(180deg);
}

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

方法二、js实现

  • 优点:兼容性好
  • 缺点:需要额外引入第三方库

使用第三方库Darkmode.js

苏ICP备20040768号