你可以在不改变字体大小的情况下垂直拉伸CSS中的文本吗？

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