Css 闪烁不工作在铬

我正在应用程序中使用

闪烁

，以显示错误消息。问题是它在Firefox中工作，但在Chrome中不工作。我不知道是什么问题。如何使其在Chrome中工作？

不推荐使用Blink，您不应该使用它

---

将以下代码添加到css文件中

blink {
-webkit-animation-name: blink; 
-webkit-animation-iteration-count: infinite; 
-webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
-webkit-animation-duration: 1s;
}

---

它已被弃用，因此您可以尝试使用javascript来实现它。下面是我为您制作的jquery示例：非常简单：

window.setInterval(function(){
  $('.blink').toggle();
}, 250);

blink、.blink{
-webkit动画：闪烁1s步结束无限；
-moz动画：闪烁1s步结束无限；
-o-动画：闪烁1s步结束无限；
动画：闪烁1s步结束无限；
}
@-webkit关键帧闪烁{67%{opacity:0}
@-moz关键帧闪烁{67%{opacity:0}
@-o关键帧闪烁{67%{不透明度：0}
@关键帧闪烁{67%{不透明度：0}

尝试将以下代码行添加到css文件中

blink {
   -webkit-animation-name: blink; 
   -webkit-animation-iteration-count: infinite; 
   -webkit-animation-timing-function: cubic- 
    bezierr(1.0,0,0,1.0);
    -webkit-animation-duration: 1s;
  }

---

这是因为许多浏览器不支持很少的css功能。您应该尝试更新您的chrome浏览器。

要使用此代码，只需导入jquery.min.js文件

window.setInterval(function(){
    $('.blink').css("opacity","0.5");
    window.setTimeout(function(){
        $('.blink').css("opacity","1");
    },750);
}, 1500);

---

它没有被弃用，它从未成为任何标准的一部分。不推荐使用的是

文本装饰：闪烁

Boo。。。如果没有别的，那就是开玩笑。适合404页和其他内容。“404错误-你发现一个1998年的页面你不应该在这里”更适合题为“Blink已弃用，我应该使用它吗？”的问题是的，但这是一个专门针对Chrome的问题，因此答案是正确的。该代码适用于crome和firefox IE，也可以添加你的文本Chrome-1中已弃用的文本。这在没有jQuery的情况下是可行的。你也可以使用CSS动画。在CSS中使用JavaScript做一些可以而且应该做的事情是我最讨厌的。