Blink не работает в Chrome

Я использую blink в моем приложении для отображения сообщения об ошибке. Проблема в том, что он работает в Firefox, но не в Chrome. Я не знаю в чем проблема. Как я могу заставить его работать в Chrome?

4 ответов


добавьте следующий код в файл 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 для вас:http://jsfiddle.net/FPsdy/ это очень просто:

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

Blink устарел, и вы не должны его использовать.

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


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