Sto utilizzando blink nella mia applicazione per visualizzare un messaggio di errore. Il problema è che funziona in Firefox ma non in Chrome. Non so quale sia il problema. Come posso farlo funzionare su Chrome?Blink non funziona su Chrome
Add seguente codice al file 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;
}
Blink è obsoleto e non dovresti usarlo.
Non è deprecato, non è mai stato parte di nessuno standard. Ciò che è deprecato è 'text-decoration: blink' https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration – Pere
Boo ... se non altro era buono per le barzellette. Ottimo per 404 pagine e roba. "Errore 404 - Hai trovato una pagina dal 1998 che non dovresti essere qui" – hobberwickey
Si è deprecato per cui si potrebbe provare a farlo con javascript. Ecco un esempio che ho fatto fuori jquery per voi: http://jsfiddle.net/FPsdy/ E 'molto semplice:
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 }}
Questo codice funzionerà sia per crome che per firefox. IE anche solo aggiungere – tejas
Non funziona senza una definizione '@ -webkit-keyframes'. –
Sì, ma era specificamente una domanda per Chrome, quindi la risposta è corretta. –