天涯论坛

 找回密码
 立即注册
搜索
查看: 102|回复: 3

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

[复制链接]

3061

主题

3万

回帖

9913万

积分

论坛元老

Rank: 8Rank: 8

积分
99139052
发表于 2024-6-30 08:41:49 | 显示全部楼层 |阅读模式

CSS 供给了几种办法来实现拉伸字体的效果。

scaleX 和 scaleY 属性: 这些属性能够用来在水平和垂直方向分别拉伸字体。

.scaled-text { -webkit-transform: scaleX(2); -moz-transform: scaleX(2); -o-transform: scaleX(2); transform: scaleX(2); }

transform: matrix 属性: 这个属性能够同期在水平和垂直方向拉伸字体。

.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);




上一篇:HTML & CSS 基本入门【8】表单
下一篇:网页经过css文字怎么样拉长和压扁
回复

使用道具 举报

0

主题

1万

回帖

1

积分

新手上路

Rank: 1

积分
1
发表于 2024-8-23 08:06:51 | 显示全部楼层
你的话语真是温暖如春,让我心生感激。
回复

使用道具 举报

3070

主题

3万

回帖

9915万

积分

论坛元老

Rank: 8Rank: 8

积分
99158931
发表于 2024-10-22 03:05:37 | 显示全部楼层
“NB”(牛×的缩写,表示叹为观止)‌
回复

使用道具 举报

2986

主题

3万

回帖

9956万

积分

论坛元老

Rank: 8Rank: 8

积分
99569168
发表于 2024-11-12 08:32:59 | 显示全部楼层
感谢你的精彩评论,带给我新的思考角度。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|Archiver|手机版|小黑屋|天涯论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-11-23 04:17 , Processed in 0.094467 second(s), 21 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.