首页 > web前端 > css教程 > 你可以在不改变字体大小的情况下垂直拉伸CSS中的文本吗?

你可以在不改变字体大小的情况下垂直拉伸CSS中的文本吗?

Barbara Streisand
发布: 2024-10-29 01:01:02
原创
497 人浏览过

Can You Vertically Stretch Text in CSS Without Changing Its Font Size?

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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板