您可以使用 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中文网其他相关文章！