当前位置主页 > 资料库 > 前端教程 > scaleX() | CSS属性参考

scaleX() | CSS属性参考

10-23

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

CSS3 2D transform属性的浏览器兼容性列表

相关阅读
Previous:
上一篇:scale3d() | CSS属性参考
Next:
下一篇:scaleY() | CSS属性参考
返回顶部