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

j8typz

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