CSS 可以在保持大小的同時垂直扭曲文字嗎?
提供的程式碼範例說明如何利用 CSS 2D 變換來垂直拉伸文本,而無需改變其字體大小。此技術與大多數現代網頁瀏覽器相容,包括 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中文網其他相關文章!