Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5862 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 121088 Image qui tourne | | Coucou Une image qui tourne à l'approche de la souris HTML: - Code:
-
<div id="monlogo"> <img src="URL DE TON IMAGE" alt="logo qui tourne" /> </div> CSS: - Code:
-
#monlogo img{ -webkit-transition:-webkit-transform .9s; // Chrome Safari -moz-transition:-moz-transform .9s; // Mozilla -o-transition:-o-transform .9s; // Opéra -ms-transition:-ms-transform .9s; // IE transition:transform .9s; } - Code:
-
#monlogo img:hover{ -webkit-transform:rotate(540deg); -moz-transform:rotate(540deg); -o-transform:rotate(540deg); -ms-transform:rotate(540deg); transform:rotate(540deg); } |
| |