scaleX()-自学php网

来源：自学PHP网时间：2018-02-08 10:48 作者：阅读:次

[导读] CSS scaleX() 函数函数用于在X轴方向上缩放元素。...

CSS scaleX()函数函数用于在X轴方向上缩放元素。

scaleX()函数的语法如下：

transform: scaleX(<number>);

scaleX()函数用于在X轴方向上缩放元素。它接收一个无单位的作为值。

如果设置的值大于1，那么元素将沿X轴被放大。如果值为1，元素保持不变。如果值小于1，元素会沿X轴被缩小。如果设置的值为0，那么那元素被无限缩小，消失在屏幕中。值可以是负数，负数值不会缩放元素，而是会对元素在水平轴上进行翻转。

下面是一些示例代码：

transform: scaleX(2); 
transform: scaleX(1); 
transform: scaleX(0.25); 
transform: scaleX(-1);

CSS3 2D Transform的浏览器兼容性列表如下：

更多文章推荐