Bolehkah CSS Meregangkan Teks Tanpa Menukar Saiz Fon?

Bolehkah CSS Mencipta Ubah Bentuk Teks?

Soalan: Adakah mungkin untuk meregangkan teks menggunakan CSS tanpa mengubah saiz fon? Kesan yang diingini ialah ubah bentuk menegak, menjadikan teks kelihatan memanjang.

Jawapan: Ya, CSS 2D Transforms mendayakan ubah bentuk teks. Sokongan penyemak imbas adalah meluas, merangkumi semua penyemak imbas utama selepas IE9.

Berikut ialah contoh cara untuk mencapai kesan ini:

<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>

Kod ini mencipta rentang "regangan" yang cacat dalam perenggan teks biasa.

Atas ialah kandungan terperinci Bolehkah CSS Meregangkan Teks Tanpa Menukar Saiz Fon?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!