您可以使用 CSS 垂直拉伸文字而不使其看起來更大嗎？

CSS變形：文字變形

您是否可以利用CSS拉伸文字？您不希望字體變得更大，因為那會使文字比旁邊的較小文字看起來更粗。您只想垂直拉伸文本，使其變形。這應在一個div中，而正常的文字在其旁邊的另一個div中。您該如何操作？

解決方案：使用CSS 2D變形

實際上，您可以使用CSS 2D變形來實現此目的。幾乎所有現代瀏覽器（包括IE9 ）都支援此功能。以下是範例：

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

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

以上是您可以使用 CSS 垂直拉伸文字而不使其看起來更大嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！