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