Rendre le changement de couleur sur le survol de la souris plus fluide grâce à CSS3 et à la propriété transition :
Survolez pour tester la modification de couleur avec CSS3
code HTML :
<span id="hover_color"> Tester ici !!! </span>
code CSS :
#hover_color{ font-weight:bold; font-size:22px; color : #f69b00; cursor:pointer; transition: color 1s; -moz-transition: color 1s; /* Firefox 4 */ -webkit-transition: color 1s; /* Safari and Chrome */ -o-transition: color 1s; /* Opera */ } #hover_color:hover{ color : #f11d7e; transition: color 0.5s; -moz-transition: color 0.5s; /* Firefox 4 */ -webkit-transition: color 0.5s; /* Safari and Chrome */ -o-transition: color 0.5s; /* Opera */ }
La propriété transition n'est pas interprétée par IE.
Laisser un commentaire
Participez-vous à la discussion?N'hésitez pas à contribuer!