如何在加载时淡化背景颜色？

Question

我正在研究一个项目，我有一个想法：如果我通过淡化背景颜色（Rebecca Purple，到＃666（灰色），将页面的重定向看成无缝的话会很酷。

似乎是一个非常奇怪的想法，对吗？我希望转换为1.5秒，并使用JavaScript来控制颜色渐变，转换时间等。

唯一的问题是因为我的想法很奇怪，所以没有可用的教程。

Answer 1

＆＃13;

＆＃13;

$(function(){
  $('.loaded').css('background','red').css('color','blue');
});

＆＃13;

.loaded {
  transition: 1.5s;
  color: black;
  background: yellow;
}
Try this! =)

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div class="loaded">Food!</div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

您可以尝试HSL色彩空间，它会产生非常漂亮和自然的渐变色。