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

yumo6668个月前 (05-03)技术文章51

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常用十六进制颜色代码对照表(十六进制颜色代码原理)

我们在做网页时,经常会用到十六进制颜色代码,一个漂亮的网页,它的颜色搭配必定有讲究,下表是一些常用的颜色及十六进制颜色代码对照,记录在此,以便查阅!...

生成引人注目色彩的小型Javascript脚本——randomColor

介绍randomColor是一个生成随机颜色的JavaScript脚本,对于写代码的我们来说,生成一个随机颜色或许并不复杂,但是想要生成一个比较吸引人的随机颜色可能是需要花费一番功夫的,但如果已经有人...

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

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

CSS 颜色体系详解(css颜色有几种表示方式)

说到 CSS 颜色,相比大家都不会陌生,本文是我个人对 CSS 颜色体系的一个系统总结与学习,分享给大家。先用一张图直观的感受一下与 CSS 颜色相关大概覆盖了哪些内容。接下来的行文内容大概会按照这个...

Win10下,让Firefox 40浏览器也用上彩色标题栏

Mozilla不久前刚发布了针对Win10进行优化的火狐浏览器Firefox 40。最新版主要针对触摸屏进行了优化,默认主题颜色为灰色不可调,即使你通过《让Win10标题栏恢复五彩缤纷,不再“惨白”》...

04大学生爱编程,学习HTML网页开发教程 做程序员大神

做全栈攻城狮-每日更新原创IT编程技术及日常实用视频。主要内容:这是HTML课程的第四课,主要讲解HTML的文字标签和格式标签。在今天我们做一个属于自己的简历。上节回顾在上一节中主要讲解了HTML的标...