闪烁在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中不起作用

回答

相关问题