类、颜色之间的平滑过渡 | .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;