Kann ich Text in CSS vertikal verlängern, ohne die Schriftgröße zu ändern?

Text mit CSS verlängern

Frage:

Ist es möglich, Text mit CSS vertikal zu strecken, ohne die Schriftgröße zu vergrößern? ?

Antwort:

Ja, mit CSS 2D Transforms können Sie diesen Effekt in den meisten modernen Browsern erzielen.

Implementierung:

1. Definieren Sie eine CSS-Klasse für den gestreckten Text:

span.stretch {
    display:inline-block;
}

2. Wenden Sie die Transformationseigenschaft an, um den zu skalieren Text vertikal:

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

Verwendung:

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

Dadurch wird der Text vertikal um den Faktor 2 „gestreckt“ angezeigt .

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