简单的一行代码,为网站开启深色模式

yumo6669个月前 (05-03)技术文章65

Darkmode.js 使用 CSS mix-blend-mode 将深色模式带入任何网站,只需将代码加入网页

</body> 之前即可,网页右下方将出现一个可切换浅色模式或深色模式的按钮。

<script src="https://cdn.jsdelivr.net/npm/darkmode-js/lib/darkmode-js.min.js"></script>
<script>
  new Darkmode().showWidget();
</script>

相关文章

教你如何用CSS修改图片颜色(css改变背景图片颜色)

看到题目是不是吓了一跳?css竟然还有这个操作?还真是第一次听说~原理嘛,其实很简单的,用到的就是 CSS3 滤镜filter中的drop-shadow,该滤镜可以给图片非透明区域添加投影。你可以理解...

HTML页面精简代码只需做好这5步(html页面精简代码只需做好这5步程序)

网站打开速度慢?网站加载图片慢?网站容易卡顿?身为站长和网站用户的你有没有遇到过这种情况?没错,这些都是网站页面体积惹的祸。解决办法是通过技术手段去掉臃肿杂乱的代码,减小网页文件大小,加快网页加载速度...

谷歌:安卓 12 Material You 动态主题色彩系统已开源

IT之家 2 月 18 日消息,谷歌在 Android 12 中推出了 Material You 动态主题设计,该功能可帮助 App 根据用户的壁纸进行动态着色。近日,谷歌宣布开源 Material...