Nháy mắt không hoạt động trong Chrome

Question

Tôi đang sử dụng blink trong ứng dụng của mình để hiển thị thông báo lỗi. Vấn đề là nó hoạt động trong Firefox nhưng không hoạt động trong Chrome. Tôi không biết vấn đề là gì. Làm thế nào tôi có thể làm cho nó hoạt động trong Chrome?

Answer 1

Thêm đoạn mã sau vào file css của bạn,

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; 
} 

Answer 2

Nháy mắt không được dùng nữa và bạn không nên sử dụng.

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

Answer 3

Nó bị phản đối, do đó bạn có thể cố gắng làm điều đó với javascript. Dưới đây là một ví dụ tôi làm bằng jquery cho bạn: http://jsfiddle.net/FPsdy/ Nó rất đơn giản:

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

Answer 4

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 }}