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 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
