Question

我正在寻找一种轻量级的解决方案，使得像div或者闪光的HTML元素一样背景颜色，如纯绿色，然后在一段时间内淡入另一种颜色，如在3秒内褪色为白色。 / p>

我不想包含像jquery这样的大型库，我只需要这个就可以在Firefox上运行，最轻量级的解决方案就更好了！

我知道我可以很容易地用javascript做到这一点，但它不会非常轻量级，我认为必须有一些方法用CSS做这个，这在我看来是理想的解决方案。

Answer 1

Use an animation。请记住，您可能需要在此前添加前缀，以使其适用于所有目标浏览器。

HTML

<div id='flashMe'></div>

CSS

#flashMe {
  height:500px;
  width:500px;
  background:black;

  animation: flash 3s forwards linear normal;
}
@keyframes flash {
  0% {
    background:black;
  }
  4% {
    background:green;
  }
  100% {
    background:red;
  }
}

Answer 2

你可以看看CSS3动画。我对CSS3不是很好，所以我不能提供任何解决方案，但afaik CSS3可以做这样的事情。

http://www.w3schools.com/css3/css3_animations.asp

让html元素闪烁背景颜色并淡化为另一种颜色

2 个答案: