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