web-dev-qa-db-fra.com

Clignotant ne fonctionne pas dans Chrome

J'utilise blink dans mon application pour afficher un message d'erreur. Le problème est que cela fonctionne dans Firefox mais pas dans Chrome. Je ne sais pas quel est le problème. Comment puis-je le faire fonctionner dans Chrome?

cssgoogle-chromeblink
15
speeday125

Ajoutez le code suivant à votre fichier 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;
}
7
Kishan_KP

Il est obsolète, vous pouvez donc essayer de le faire avec javascript. Voici un exemple que j’ai fait avec jQuery pour vous: http://jsfiddle.net/FPsdy/ C’est très simple:

window.setInterval(function(){
  $('.blink').toggle();
}, 250);
6
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 }}
6
tejas

Blink est obsolète et vous ne devriez pas l'utiliser.

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

5
alxgb

Essayez d’ajouter les lignes de code suivantes à votre fichier 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;
  }

En effet, de nombreux navigateurs ne prennent pas en charge quelques fonctions CSS. Vous devriez essayer de mettre à jour votre navigateur Chrome.

0
Deril Raju