在两个 colors 与 JavaScript / jQuery 之间淡入淡出

Question

colors之间可以褪色吗？

我正在做一个小项目，根据打开网站后的时间，背景应该会改变 colors。 它工作正常，但它基于经过的秒数并努力切割到下一个颜色。

所以，例如：

  if(totalSeconds > 10){
     $('.lead').css('color', '#95EB00');
     $('body').css('background-color', '#95EB00');
  }

  if(totalSeconds > 15){
     $('.lead').css('color', '#09E845');
     $('body').css('background-color', '#09E845');
  }

是否可以在 x 秒的时间间隔内更改 colors？ 并褪色到下一个颜色？

Answer 1

另一个响应直接回答您的标题，但使用 css animation 将更适合试图解决的问题。

 body { background-color: red; animation: bg-transition 5s linear 0s forwards; } @keyframes bg-transition { 0%, 50% { background-color: red; } 100% { background-color: blue; } }

Answer 2

尝试添加 css 规则，例如：

.lead {
   transition: color <desired_transition_time> linear
}