给你的网页添加一个暗黑模式（叁：拉绳动画）

【3/10】第三个来了，这次写了一个拉绳的简单动画来开关dark mode，效果如图所示。

在线预览链接，附源码！

目标依旧是十种方式来实现，还在学习前端的基础🙊

大伙见过用过其他形式的dark mode可以发一下，让我见见世面，我也可以复刻一下！

上代码！

很简单的代码，我简单解释一下🦍

🦭HTML

<h1>Mancuoj</h1>
<div id="switch"></div>

🐬SCSS

都一样，SCSS嵌套写起来简单点儿

一些基础设置

@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap");

$dark-color: #111;
$light-color: #eee;
$bg-color: #4c6fff;

*,
* *,
*::before,
*::after {
   
  box-sizing: border-box;
}

body {
   
  margin: 0;
  padding</