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

CSS はテキストの変形を作成できますか?

質問: フォント サイズを変更せずに CSS を使用してテキストを引き伸ばすことはできますか?望ましい効果は、テキストを長く見せる垂直方向の変形です。

答え: はい、CSS 2D Transforms によりテキストの変形が可能になります。ブラウザのサポートは広範囲にわたり、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 中国語 Web サイトの他の関連記事を参照してください。