Kann CSS Text strecken, ohne die Schriftgröße zu ändern?

Kann CSS eine Textverformung verursachen?

Frage: Ist es möglich, Text mit CSS zu strecken, ohne die Schriftgröße zu ändern? Der gewünschte Effekt ist eine vertikale Verformung, wodurch der Text länglich erscheint.

Antwort: Ja, CSS 2D Transforms ermöglicht eine Textverformung. Die Browserunterstützung ist umfangreich und umfasst alle gängigen Browser nach IE9.

Hier ist ein Beispiel, wie dieser Effekt erzielt werden kann:

<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>

Dieser Code erzeugt eine deformierte „Streckung“-Spanne innerhalb eines normalen Textabsatzes.

Das obige ist der detaillierte Inhalt vonKann CSS Text strecken, ohne die Schriftgröße zu ändern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!