Pouvez-vous étirer verticalement du texte en CSS sans modifier la taille de la police ?

Les CSS peuvent-ils déformer verticalement le texte tout en préservant leur taille ?

L'exemple de code fourni illustre comment les transformations CSS 2D peuvent être utilisées pour étirer le texte verticalement sans modifier la taille de sa police. Cette technique est compatible avec la plupart des navigateurs Web modernes, y compris IE9 et versions ultérieures.

L'extrait de code suivant montre comment implémenter cet effet :

<code class="css">span.stretch {
    display: inline-block;
    -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 */
}</code>

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

Application de ce code au spécifié Une partie du texte entraînerait son exagération verticale sans aucun impact sur sa taille.

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!