欢迎您访问橙子博客 载入天数...载入时分秒...
  • 手机版手机版
您现在的位置是:首页 > Fycms专栏 > Fycms教程 > 正文 (RSS订阅)

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

编辑:橙子来源:转载时间:2021-10-27 阅读:

简单一行代码,为网站开启深色模式支持,如图:

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>

名称:Darkmode.js
演示网址:https://darkmodejs.learn.uno/

相关标签:深色模式
版权声明 1、文章标题: 简单一行代码,为网站开启深色模式支持
2、本文网址: http://www.trom.cn/Fycms/jiaocheng/55.html
3、本站部分内容来源于网络,仅供大家学习与参考,如有侵权,请联系站长邮箱:906080088@qq.com进行处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
广告
参与评论已经有 人评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
人参与, 条评论