CSS mix-blend-mode实现的亮暗模式切换效果

    纯 CSS 实现的背景颜色切换效果,通过点击切换按钮,触发暗色与亮色模式的切换,该过程不依赖于任何三方脚本,只需要 CSS 即可实现,非常的轻量级,使用了 mix-blend-mode 以及 transition属性实现了亮暗主题切换的从内到外圆形逐步扩赛平滑过渡动画效果,当前效果支持自定义。

模板目录结构如下: