2

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

我不想包含一些像 jquery 这样的大型库，我只需要在 Firefox 上工作，最轻量级的解决方案就更好了！

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

4

2 回答 2

5

使用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;
  }
}
于 2013-07-28T22:15:02.667 回答
-2

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

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

于 2013-07-28T22:12:48.530 回答