好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

scaleX()

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的浏览器兼容性列表如下:

查看更多关于scaleX()的详细内容...

  阅读:69次

上一篇: rotateY()

下一篇:scale3d()