Comment écrire un texte penché (CSS 3) ?

CODE – Si vous voulez écrire un texte incliné sur votre site Web, vous pouvez le faire ! C’est très simple…

Tout ça est rendu possible grâce à CSS3 !

Sachez qu’il n’est pas compatible avec les navigateurs les plus anciens, mais il faut savoir qu’ils en restent très peu de nos jours qui ne le prennent pas en charge !

Explorer, Chrome et les navigateurs mobiles sont mis à jour automatiquement et acceptent par conséquent le CSS 3.

Dans le pire des cas, si le navigateur n’est pas compatible, le texte sera écrit, mais il ne sera pas incliné. Il me paraissait intéressant de vous le signaler…

Transform: rotate

En toute simplicité, pour faire en sorte que son texte soit incliné, voici le code CSS que vous devez utiliser :

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

Une rotation de 10 degrés dans le sens des aiguilles d’une montre entraînera une rotation de l’objet de 10 degrés vers la droite.

Pour effectuer une rotation dans le sens inverse (à gauche), vous devez saisir des nombres négatifs dans le format suivant :

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

Comme vous pouvez le constater, il vous suffit de seulement mettre le signe – pour y arriver.

Evidemment, vous pouvez à votre guise changer le nombre de degrés.

Vous savez tout !

Si vous avez un problème quelconque, n’hésitez pas à me le dire dans les commentaires !