CSS scaleX()
函数函数用于在X轴方向上缩放元素。
scaleX()
函数的语法如下:
transform: scaleX(<number>);
scaleX()
函数用于在X轴方向上缩放元素。它接收一个无单位的<number>作为值。
如果设置的值大于1,那么元素将沿X轴被放大。如果值为1,元素保持不变。如果值小于1,元素会沿X轴被缩小。如果设置的值为0,那么那元素被无限缩小,消失在屏幕中。值可以是负数,负数值不会缩放元素,而是会对元素在水平轴上进行翻转。
下面是一些示例代码:
transform: scaleX(2); transform: scaleX(1); transform: scaleX(0.25); transform: scaleX(-1);
浏览器支持
CSS3 2D Transform的浏览器兼容性列表如下: