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