Puis-je allonger le texte verticalement en CSS sans changer la taille de la police ?

Allonger le texte avec CSS

Question :

Est-il possible d'étirer le texte verticalement en utilisant CSS sans agrandir la taille de la police ?

Réponse :

Oui, les transformations CSS 2D vous permettent d'obtenir cet effet dans la plupart des navigateurs modernes.

Implémentation :

1. Définissez une classe CSS pour le texte étiré :

span.stretch {
    display:inline-block;
}

2. Appliquez la propriété transform pour mettre à l'échelle le texte verticalement :

-webkit-transform:scale(2,1); /* Safari and Chrome */
-moz-transform:scale(2,1); /* Firefox */
-ms-transform:scale(2,1); /* IE 9 */
-o-transform:scale(2,1); /* Opera */
transform:scale(2,1); /* W3C */

Utilisation :

<p>I feel like <span class="stretch">stretching</span>.</p>

Cela affichera le texte « étirement » étiré verticalement d'un facteur 2 .

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!