scaleX() | CSS属性参考

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

相关阅读
© 版权声明
THE END
喜欢就支持一下吧
点赞0
分享