CSS 可以在不改變字體大小的情況下拉伸文字嗎？

CSS 可以建立文字變形嗎？

問題： 是否可以使用 CSS 拉伸文字而不改變字體大小？所需的效果是垂直變形，使文字看起來拉長。

答案： 是的，CSS 2D Transforms 可以實現文字變形。瀏覽器支援廣泛，涵蓋 IE9 之後的所有主要瀏覽器。

以下是如何實現此效果的範例：

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

此程式碼建立變形的「拉伸」跨度在普通文字段落內。

以上是CSS 可以在不改變字體大小的情況下拉伸文字嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！