CSS でフォ​​ント サイズを変更せずにテキストを垂直方向に引き伸ばすことはできますか?

CSS はサイズを維持しながらテキストを垂直方向に変形できますか?

提供されたコード例は、CSS 2D Transform を利用して、テキストを垂直方向に引き伸ばす方法を示しています。フォントサイズを変更します。この手法は、IE9 以降を含むほとんどの最新の Web ブラウザと互換性があります。

次のコード スニペットは、この効果を実装する方法を示しています。

<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 中国語 Web サイトの他の関連記事を参照してください。