类别、颜色之间的平滑过渡 | .classList.toggle，JavaScript

Question

作为一个JS初学者，我正在练习一个非常简单的操作：深色和浅色主题之间的切换。

一切都很好，但我想在班级之间顺利过渡，但我不知道该怎么做。

准确地说，我想要颜色之间的平滑过渡。

请帮忙=）

这是我的js代码：

let themer = document.querySelector('.page');

let themeButton = document.querySelector('.theme-button');

themeButton.onclick = function () {

  themer.classList.toggle('light-theme');

  themer.classList.toggle('dark-theme');

};

Answer 1

在属性发生变化的地方添加转换规则。例如：transition: background-color 2s ease;