Image en biais

[cricri364]

Bonjour,

J'aurais aimé savoir comment faire ceci :


Merci d'avance pour vos réponses

[SoraNoHime]

Bonjour

pour mettre une image en biais, il faut :

mettre une div autour de l'image :

Code:


<div class="biais"><img src="adresse de l'image"></div>

puis dans la css mettez :

Code:

.biais img {
-ms-transform :  rotate (-10deg);
-moz-transform :  rotate (-10deg);
-o-transform :  rotate (-10deg);
-webkit-transform : rotate (-10deg);
transform : rotate (-10deg);
}

Cordialement.

[cricri364]

Merci mais en aite c'est pour l'intégrer dans une signature !

[SoraNoHime]

dans ce cas, mettez le code ainsi :

Code:

<img src="adresse de l'image"  style="-ms-transform :  rotate (-10deg);-moz-transform :  rotate (-10deg);-o-transform :  rotate (-10deg);-webkit-transform : rotate (-10deg);transform : rotate (-10deg);" />

[cricri364]

Sa fonctionne pas
Voici le code :

Code:

<img src="http://img4.hostingpics.net/pics/4569432556.jpg"  style="-ms-transform :  rotate (-5deg);-moz-transform :  rotate (-5deg);-o-transform :  rotate (-5deg);-webkit-transform : rotate (-5deg);transform : rotate (-5deg);" />

[SoraNoHime]

C'est de ma faute, j'ai oublié de mettre le code origin, qui va avec :

Code:

  <img src="http://img4.hostingpics.net/pics/4569432556.jpg"  style="-moz-transform: rotate(-5deg);-moz-transform-origin: 0 0;-o-transform: rotate(-5deg);-o-transform-origin: 0 0;-webkit-transform: rotate(-5deg);-webkit-transform-origin: 0 0;-ms-transform: rotate(-5deg);-ms-transform-origin: 0 0;transform: rotate(-5deg);transform-origin: 0 0;" />

Cordialement.

[cricri364]

Merci c'est parfait

Résolue !