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

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

Susan Sarandon
发布: 2024-10-27 16:29:29
原创
1039 人浏览过

 Can CSS Stretch Text Without Changing Font Size?

CSS 可以创建文本变形吗?

问题: 是否可以使用 CSS 拉伸文本而不改变字体大小?所需的效果是垂直变形,使文本显得拉长。

答案: 是的,CSS 2D Transforms 可以实现文本变形。浏览器支持广泛,涵盖 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
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板