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

Question

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

一切正常，但是我希望在各班之间有一个平稳的过渡，但我不知道该怎么做。

确切地说，我想在colors之间进行平滑过渡。

请帮助=）

这是我的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;

Answer 2

尝试此transition: background-color 2s ease;