共计 430 个字符,预计需要花费 2 分钟才能阅读完成。
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 的浏览器兼容性列表如下:
相关阅读
正文完