Salve, se utilizzassi il css per cambiare colore a un oggetto, colore inizialmente impostato a red, e tramite hover cambiato a yellow, come potrei farlo tornare a red una volta passato l'effetto mouse?
Esempio banale:
label {color:red;}
label:hover {color:yellow;}
lo fa da solo, direi.
Corretto, ma se volessi farlo tornare alle origini con una transazione di 1s? In quel caso devo scrivere codice.
Dovresti usare un piccolo script JS
“Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.
Giovanni Falcone
Ciao, mi pare ti stia perdendo in un bicchier d'acqua.
Basterebbe una semplice transizione impostata magari sullo stato normale. Tu hai provato qualcosa?Originariamente inviata da Dario the best
Bisogna poi capire se vuoi la transizione di 1s in entrambe i versi o solo da giallo a rosso.
Qui un esempio in entrambe le direzioni:
codice:<!DOCTYPE HTML> <html> <head> <title>Esempio</title> <meta charset="utf-8"> <style type="text/css"> label { color:red; transition: 1s color; } label:hover { color:yellow; } </style> </head> <body> <label>Testo con transition</label> </body> </html>Personalmente, per una cosa del genere, non ne vedo la necessità.. ma può essere che mi sia perso qualcosa oppure ho inteso male
Installa Forum HTML.it Toolset per una fruizione ottimale del Forum
Permessi di invio
Rispondi quotando