Rotation et arrondissement des images définies.

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Rotation et arrondissement des images définies.

Message par Gipsy le Sam 20 Avr 2013 - 19:44

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.

Gipsy
Nouveau membre

Messages : 16
Inscrit(e) le : 10/04/2013

Gipsy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rotation et arrondissement des images définies.

Message par Milouze14 le Sam 20 Avr 2013 - 20:07

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 Very Happy .

a++


Dernière édition par Milouze14 le Sam 20 Avr 2013 - 20:27, édité 1 fois

Milouze14
+ Hyperactif +

Masculin
Messages : 4625
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rotation et arrondissement des images définies.

Message par Gipsy le Sam 20 Avr 2013 - 20:26

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.

Gipsy
Nouveau membre

Messages : 16
Inscrit(e) le : 10/04/2013

Gipsy a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum