글꼴 크기를 변경하지 않고 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!