Javascript 让html元素闪烁背景色并淡入另一种颜色

我正在寻找一个轻量级的解决方案，让一个HTML元素如div或li闪现一种背景色，如纯绿，然后在一段时间内褪色为另一种颜色，如在3秒内褪色为白色

我不想包含像jquery这样的大型库，我只需要在Firefox上使用它，最轻的解决方案越好

---

我知道我可以用javascript很容易地做到这一点，但它不会很轻量级，我想一定有办法用CSS做到这一点，在我看来，这将是理想的解决方案。

你可以看看CSS3动画。我不太擅长CSS3，所以我不能提供任何解决方案，但afaik CSS3可以做类似的事情

。请记住，您可能需要为其添加前缀，以使其在所有目标浏览器上工作

HTML

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

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

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