CSS peut-il étirer le texte sans changer la taille de la police ?

Le CSS peut-il créer une déformation du texte ?

Question : Est-il possible d'étirer le texte à l'aide du CSS sans modifier la taille de la police ? L'effet souhaité est une déformation verticale, faisant apparaître le texte allongé.

Réponse : Oui, les transformations CSS 2D permettent la déformation du texte. La prise en charge des navigateurs est étendue et englobe tous les principaux navigateurs post-IE9.

Voici un exemple de la façon d'obtenir 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>

Ce code crée une étendue "d'étirement" déformée. dans un paragraphe de texte normal.

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!