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.

rotation 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

Écrire un commentaire

Quelle est la troisième lettre du mot kqdilz ? : 

Le blog

Catégories

Archives

Advertising

smorge.com

smorge.com