CSS3过渡想要添加颜色并淡化它

Question

我想制作一个DIV背景(没有背景颜色)闪烁红色然后再次空白.现在我使用JS将新的CLASS(添加红色)添加到有问题的DIV和CSS3中,为背景颜色添加一个缓动.但它减轻了它,我想要的是它去RED然后放松.我想我可以通过使用JS在延迟后添加多个CLass来做到这一点.但CSS3可以完全用来做这件事吗？

Answer 1

如果你想要突出显示的东西,你可能想要使用CSS3动画.旧版浏览器不支持它们.检查caniuse为此.

我在这里创建了一个简短的例子.

单击链接时会调用突出显示.这是CSS(没有供应商前缀):

@keyframes highlight {
  0% {
    background: red
  }
  100% {
    background: none;
  }
}

#highlight:target {
  animation: highlight 1s;
}