发布于 2026-01-06 5 阅读
0

使用 1 个变量实现浅色/深色模式切换按钮 2021 || CSS JS Codepen 🔥 Youtube 教程 🔥 由 Mux 呈现的 DEV 全球展示挑战赛:展示你的项目!

使用 1 个变量实现浅色/深色模式切换按钮 2021 || CSS JS

Codepen 🔥

YouTube教程🔥

由 Mux 主办的 DEV 全球展示挑战赛:展示你的项目!

如果你真的希望读者阅读你网站上的所有内容,那么你的网站必须要有深色模式。

因为与浅色模式相比,深色主题可以减少对读者眼睛的刺激。

今天,我们将制作一个可缩放的深色/浅色模式切换按钮,并且我们将使用 1 个 scss 变量完成所有计算。

目录 🔥

Codepen 🔥

你可以在Codepen上找到完整的代码。

YouTube教程🔥

如果你觉得 CodePen 太难,可以去 YouTube 看分步教程 🔥

非常感谢您的建议和批评❤️

文章来源:https://dev.to/joyshaheb/light-dark-mode-toggle-button-using-1-variable-2021-css-js-13l