前不久,在网上看到这么一张非常有趣的图:想必很多同学都看到这张图,是一个开发小哥被一个日间/黑夜模式切换按钮效果逼疯的视频。其最终效果大致如下:原完整代码在这里:Night&&DayToggle☀️/🌙[CompletedIt!]原效果用了大量HTML标签,大量SVG元素以及350行的CSS完成的上述效果。而本文,我们将尝试优化一下代码,尝试仅仅使用一个标签,完成上述效果。当然,首先,我们需要一个标签:接下来,在单个标签内,我们一步一步来实现这个效果。拟态阴影先把整个按钮的形状确定下来,我们需要这样一个整体的拟物形状:可以看到,这个造型非常的立体。这里的核心是--利用阴影,构建拟态效果。怎么操