閃爍在Chrome中不起作用

我在我的應用程序中使用blink來顯示錯誤消息。問題在於它在Firefox中工作，但不在Chrome中。我不知道問題是什麼。我如何使它在Chrome中工作？閃爍在Chrome中不起作用

2013-03-26 speeday125

添加以下代碼到你的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; 
}

來源

2013-03-26 20:55:23

沒有'@ -webkit-keyframes'定義就無法工作。 – 2013-11-28 18:17:28

是的，但它是專門針對Chrome的問題，所以答案是正確的。 – 2014-02-20 20:41:39

眨眼已棄用，您不應該使用它。

http://www.w3.org/wiki/HTML/Elements/blink

來源

2013-03-26 20:55:18 Think

它不會被棄用，它從來沒有任何標準的一部分。棄用的是'text-decoration：blink' https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration – Pere 2013-12-27 18:34:31

噓......如果沒有別的東西，那對笑話很好。非常適合404頁面和東西。「404錯誤 - 你從1998年發現了一個頁面，你不應該在這裏」 – hobberwickey 2015-04-08 21:08:37

它已經過時，所以你可能會嘗試用JavaScript來做到這一點。這裏是我做出來的jQuery爲你的例子：http://jsfiddle.net/FPsdy/這是非常簡單的：

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

來源

2013-03-26 21:01:16 Philibobby

blink, .blink { 
-webkit-animation: blink 1s step-end infinite; 
-moz-animation: blink 1s step-end infinite; 
-o-animation: blink 1s step-end infinite; 
animation: blink 1s step-end infinite; 
} 
@-webkit-keyframes blink { 67% { opacity: 0 }} 
@-moz-keyframes blink { 67% { opacity: 0 }} 
@-o-keyframes blink { 67% { opacity: 0 }} 
@keyframes blink { 67% { opacity: 0 }}

來源

2016-09-02 08:02:19 tejas

此代碼將適用於crome以及firefox IE也只是添加您的文本 – tejas 2016-09-02 08:03:12

閃爍在Chrome中不起作用

回答

相關問題