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

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


google-chrome css blink
person aizaz    schedule 26.03.2013    source источник
comment
Он устарел в Chrome developer.mozilla.org/en- США/документы/Интернет/HTML/Элемент/мигание   -  person Pavel Hasala    schedule 26.01.2021

Ответы (6)


arrow_upward
9
arrow_downward

Добавьте следующий код в ваш файл 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;
}
person Kishan_KP    schedule 26.03.2013
comment
Да, но это был вопрос специально для Chrome, так что ответ правильный. - person Kae Verens; 21.02.2014

arrow_upward
5
arrow_downward

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

window.setInterval(function(){
  $('.blink').toggle();
}, 250);
person prichrd    schedule 26.03.2013

arrow_upward
4
arrow_downward

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

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

person alxgb    schedule 26.03.2013
comment
Он не устарел, он никогда не был частью какого-либо стандарта. Устарело text-decoration: blink developer.mozilla.org/en-US /docs/Web/CSS/text-decoration - person Pere; 27.12.2013
comment
Бу... по крайней мере, это было хорошо для шуток. Отлично подходит для 404 страниц и прочего. Ошибка 404 - Вы нашли страницу 1998 года, вас здесь быть не должно - person hobberwickey; 09.04.2015
comment
Лучше подходит для вопроса «Является ли Blink устаревшим и должен ли я его использовать?» - person Gus; 25.10.2019

arrow_upward
0
arrow_downward

Попробуйте добавить следующие строки кода в ваш файл 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.

person Deril Raju    schedule 12.02.2019

arrow_upward
-1
arrow_downward

Только нужно импортировать файл jquery.min.js, чтобы использовать этот код.

window.setInterval(function(){
    $('.blink').css("opacity","0.5");
    window.setTimeout(function(){
        $('.blink').css("opacity","1");
    },750);
}, 1500);
person Venugopal Nogaja    schedule 29.07.2019
comment
-1. Это выполнимо без jQuery. Вы также можете использовать анимацию CSS. Использование JavaScript для чего-то, что можно и нужно сделать с помощью CSS, — моя любимая мозоль. - person SuperJumpBros; 12.05.2021

arrow_upward

arrow_downward

person    schedule
comment
Этот код будет работать как для crome, так и для firefox IE, также просто добавьте ‹blink class=blink›Ваш текст‹/blink› - person tejas; 02.09.2016