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

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

Ответ 1

Добавьте следующий код в ваш файл 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;
}

Ответ 2

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

Ответ 3

Это устарело, поэтому вы можете попробовать сделать это с помощью javascript. Вот пример, который я сделал из jquery для вас: http://jsfiddle.net/FPsdy/ Это очень просто:

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

Ответ 4

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

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

Ответ 5

Попробуйте добавить следующие строки кода в файл CSS.

blink {
   -webkit-animation-name: blink; 
   -webkit-animation-iteration-count: infinite; 
   -webkit-animation-timing-function: cubic- 
    bezierr(1.0,0,0,1.0);
    -webkit-animation-duration: 1s;
  }

Это потому, что многие браузеры не поддерживают несколько функций CSS. Вы должны попробовать обновить браузер Chrome.

Ответ 6

Для использования этого кода необходимо импортировать только файл jquery.min.js.

window.setInterval(function(){
    $('.blink').css("opacity","0.5");
    window.setTimeout(function(){
        $('.blink').css("opacity","1");
    },750);
}, 1500);