Mi chiedevo come fare un'immagine lampeggiare in CSS, se è possibile. Voglio farlo lampeggiare dov'è.Come si fa a far lampeggiare un'immagine?
Vorrei anche cambiare la velocità ma principalmente voglio farlo lampeggiare.
uso metodo setInterval di Javascript usarlo come riferimento di W3Schools e quindi modificare il css da visibility:visible a visiblity:hidden non utilizzeremo display:none come sarà rimuovere lo spazio dell'immagine come bene, ma abbiamo bisogno dello spazio per l'immagine perché la cosa lampeggiante funzioni.
BTW si prega di creare un account formale su SO. È davvero utile Grazie. Spero che la mia risposta aiuti. –
Animazioni CSS per il salvataggio!
@keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
img {
animation: blink 1s;
animation-iteration-count: infinite;
}
si può rendere un batter tagliente regolando gli intervalli:
@keyframes blink {
0% {
opacity: 1;
}
49% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 0;
}
}
Se passo il mouse, l'immagine non lampeggia. Qualche opzione? – KarSho
Questo è ottimo, ma richiede anche il codice per i browser Chrome. – LauraNMS
È inoltre necessario aggiungere regole di compatibilità cross-browser per 'keyframes' (come' -moz-keyframes', '-webkit-keyframes' ecc.),' Animation-iteration-count' (come '-moz-animation-iteration- count', '-webkit-animation-iteration-count' ecc.) e' animation' ('-moz-animation',' -webkit-animation' ecc.). –
si può fare con i CSS facilmente. Aggiungi sotto il codice cross-browser nell'elemento CSS della tua immagine. È possibile impostare anche i tempi se si modifica la cifra nel codice.
-webkit-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
-ms-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;
-webkit-animation:blink normal 2s infinite ease-in-out;
-ms-animation:blink normal 2s infinite ease-in-out;
animation:blink normal 2s infinite ease-in-out;
Non pensare che sia possibile solo con i CSS ma potresti farlo con Javascript. –
Puoi spiegare "lampeggiare" un po 'di più? Vuoi schiarire l'immagine per un istante o renderla bianca o di un colore diverso? –
C'è un motivo per cui il tag '