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中文网其他相关文章!