Rotation et arrondissement des images définies.

[Gipsy]

Bonsoir FA,
Aujourd'hui, je rencontre un problème. J'ai besoin d'un code CSS pour mon forum. J'aimerais pouvoir poster une image sur un sujet de mon forum et qu'au passage de la souris, l'image s'arrondisse et fasse une rotation (90° ou moins, je ne sais pas pour le moment). Mais j'aimerais que ne ce soit pas sur toutes les images de mon forum, juste sur celle où j'en ai envie. Et mon problème, c'est que je n'arrive pas à trouver le CSS pour une rotation et un arrondissement de l'image, ni la class (a.img:hover?), et en passant, le code à mettre avec l'image sur le sujet.
Merci aux futurs aides dont j'en serais extrêmement reconnaissante.
Bonne soirée,
Cordialement,
Gipsy.

[Invité]

Salut Gipsy,

le code html a déposer dans le corps de message:

Code:

<div class="M14_rotate"><img src="LE LIEN DE L IMAGE"/></div>

La C.S.S:

Code:


/*On demande un curseur*/
.M14_rotate img
{
cursor:pointer;
}
/*on demande au survol une rotation et que les bordures apparaissent avec une transition*/
.M14_rotate img:hover
{
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
 -o-transform: rotate(-90deg);
  -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
  -webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}


Pense à valider les modifications en cliquant sur le bouton "Valider".
Voilà mon ami(e) ,
amuses toi bien .

a++

[Gipsy]

Magnifique, ça me donne un rendu sensas, et c'est exactement ce que je recherchais.
Je ne vous remercierais jamais assez pour votre service.
Sur ce, je vous souhaite une très agréable et bonne soirée,
Merci de votre aide.
Cordialement,
Gipsy.