CSS3转换想要添加一个颜色并将其淡出

前端之家收集整理的这篇文章主要介绍了CSS3转换想要添加一个颜色并将其淡出前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想做一个DIV背景(没有背景颜色)闪光红色然后轻松再次空白。现在我已经使用JS来添加一个新的CLASS(添加了红色)到有问题的DIV和CSS3添加一个宽松的背景颜色。但是它让它变得简单,我想要的是将它放到RED然后缓解。我想我可以通过使用JS在延迟后添加多个CLASS来做到这一点。但是可以将CSS3完全用于完成吗?

解决方法

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

我创建了一个简短的例子over here

在点击链接调用亮点。这是CSS(没有供应商前缀):

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

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

猜你在找的CSS相关文章