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

Я использую blink в своем приложении для отображения сообщения об ошибке. Проблема в том, что он работает в Firefox, но не в Chrome. Я не знаю, в чем проблема. Как я могу заставить его работать в Chrome?Blink не работает в 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'. –

Да, но это был особый вопрос для Chrome, поэтому ответ правильный. –

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

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

Boo ... если ничего хорошего для шуток не было. Отлично подходит для 404 страниц и прочее. «Ошибка 404 - вы нашли страницу с 1998 года, которой вас не должно быть здесь» – hobberwickey

Это не рекомендуется, так что вы можете попробовать сделать это с помощью 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

ответ

Смежные вопросы