j8typz 发表于 2024-6-30 08:41:49

CSS 实现拉伸字体效果的办法有哪些？


    <div style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">
            <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">CSS <span style="color: black;">供给</span>了几种<span style="color: black;">办法</span>来实现拉伸字体的效果。</p>
            <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">scaleX 和 scaleY 属性: 这些属性<span style="color: black;">能够</span>用来在水平和垂直方向分别拉伸字体。</p>
            <div style="color: black; text-align: left; margin-bottom: 10px;">.scaled-text {
                -webkit-transform: scaleX(2);
                -moz-transform: scaleX(2);
                -o-transform: scaleX(2);
                transform: scaleX(2);
                }</div>
            <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">transform: matrix 属性: 这个属性<span style="color: black;">能够</span><span style="color: black;">同期</span>在水平和垂直方向拉伸字体。</p>
            <div style="color: black; text-align: left; margin-bottom: 10px;">.scaled-text {
                -webkit-transform: matrix(1.5, 0, 0, 2, 0, 0);
                -moz-transform: matrix(1.5, 0, 0, 2, 0, 0);
                -ms-transform: matrix(1.5, 0, 0, 2, 0, 0);
                -o-transform: matrix(1.5, 0, 0, 2, 0, 0);</div>
      </span></div>




星☆雨 发表于 2024-8-23 08:06:51

你的话语真是温暖如春，让我心生感激。

nykek5i 发表于 2024-10-22 03:05:37

“NB”（牛×的缩写，表示叹为观止）‌

wrjc1hod 发表于 2024-11-12 08:32:59

感谢你的精彩评论，带给我新的思考角度。
页: [1]
查看完整版本: CSS 实现拉伸字体效果的办法有哪些？