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 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

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 Invité 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
Anonymous

Invité
Invité


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

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

Message par Gipsy 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

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

- Sujets similaires

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