Rotation en CSS
Rédigé par smorge - 03 janvier 2012
Code
Attribuer facilement un angle de rotation précis à un texte ou à un élément, en utilisant les propriétés du langage CSS.
Le HTML à transformer
<h1>♫ Tu me fais</h1>
<h2>tourner ♪</h2>
<h3>la tête ♫</h3>
Le CSS à appliquer
h1 {
font-size : 50px;
padding : 10px 0 30px;
-moz-transform:rotate(-20deg);
-webkit-transform:rotate(-20deg);
-o-transform:rotate(-20deg);}
h2 {
font-size: 40px;
padding: 10px 0 30px;
-moz-transform:rotate(-10deg);
-webkit-transform:rotate(-10deg);
-o-transform:rotate(-10deg);
}
h3 {
font-size: 30px;
padding: 10px 0 30px 0;
}
Classé dans : bloc-note - Mots clés : css
