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