CSS가 글꼴 크기를 변경하지 않고 텍스트를 늘릴 수 있습니까?

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!