html - 变换的奇怪故障：旋转（1转）

Question

我创建了一个亮/暗模式切换器，我在这里看到的故障是，一旦切换器从暗模式返回到亮模式，就会有轻微的重新定位，虽然它很小但看起来很糟糕。

我从 5 小时开始调试它，但还没有成功。我发现这是因为transform: rotate(1turn)，如果我删除了故障就消失了。还可以尝试增加过渡时间以查看故障。

这是我在 Codepen 上的项目：https ://codepen.io/ssmkhrj/pen/yLOqJEP

这是一个视频，故障很慢https://drive.google.com/file/d/1Fn2tTO3CC4xbcO618tSGtHkU3A9ZmCbF/view?usp=sharing

如果有人可以提供帮助，这是一个谦虚的要求。

标签： htmlcss