Restez connecté avec nous

Geek

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

Aujourd’hui, il est très simple d’écrire du contenu penché. Il vous suffit d’ajouter quelques lignes de CSS afin d’y arriver. Je vous explique tout ce jeudi 27 octobre 2022 ! Grâce à cette astuce et le code disponible sur cette page, vous ne vous prendrez plus la tête…

Publié il y a

le

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 !

1 participation

1 Commentaire

  1. Yanis

    28 octobre 2022 le 7 h 20 min

    Merci ! C’est exactement ce que je recherchais. Je galérais dans le code à faire ça. Sur WordPress, faut bien aller dans style.css pour changer ça non ?

Ecrire un commentaire

Votre adresse e-mail ne sera pas publiée.