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