Rubrique CSS

Ecrire un texte penché dans une page Web / HTML (CSS 3)

Catégorie CSS

Ecrire un texte penché dans une page web, c’est possible! Grâce à au CSS3! Ca ne marche donc pas sur les navigateurs les plus anciens, mais il en reste vraiment très peu! Et au pire, votre texte sera écrit, mais pas penché…

Bref, pour penché un texte, voici le CSS:

transform: rotate(8deg);
-moz-transform: rotate(8deg);
-webkit-transform: rotate(8deg);
-khtml-transform: rotate(8deg);
-ms-transform: rotate(8deg);

Cela aura pour effet d’effectuer une rotation de 8 degrés ver sla droite, c’ets à dire dans le sens des aiguilles d’une montre.

Pour avoir une rotation dans l’autre sens, il suffit de mettre des chiffres négatifs:

transform: rotate(-8deg);
-moz-transform: rotate(-8deg);
-webkit-transform: rotate(-8deg);
-khtml-transform: rotate(-8deg);
-ms-transform: rotate(-8deg);

Laissez un commentaire...

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

(obligatoire)