眨眼无法在Chrome中使用

aiz*_*zaz 18 css google-chrome blink

我blink在我的应用程序中使用以显示错误消息.问题是它在Firefox中工作但在Chrome中不起作用.我不知道问题是什么.如何让它在Chrome中运行?

Kis*_*_KP 8

将以下代码添加到您的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;
}
Run Code Online (Sandbox Code Playgroud)


小智 7

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 }}
Run Code Online (Sandbox Code Playgroud)


Phi*_*bby 5

它已被弃用,因此您可以尝试使用javascript.这是我用jquery为你做的一个例子:http://jsfiddle.net/FPsdy/这很简单:

window.setInterval(function(){
  $('.blink').toggle();
}, 250);
Run Code Online (Sandbox Code Playgroud)