scaleY() | CSS属性参考

CSS scaleY()函数函数用于在Y轴方向上缩放元素。

scaleY()函数的语法如下：

transform: scaleY(<number>);

scaleY()函数用于在Y轴方向上缩放元素。它接收一个无单位的<number>作为值。

如果设置的值大于1，那么元素将沿Y轴被放大。如果值为1，元素保持不变。如果值小于1，元素会沿Y轴被缩小。如果设置的值为0，那么那元素被无限缩小，消失在屏幕中。值可以是负数，负数值不会缩放元素，而是会对元素在垂直轴上进行翻转。

下面是一些示例代码：

transform: scaleY(2); 
transform: scaleY(1); 
transform: scaleY(0.25); 
transform: scaleY(-1); 

浏览器支持

CSS3 2D Transform的浏览器兼容性列表如下：

相关阅读

• CSS Transforms Module 1
• MDN transform-function
• scale() | CSS属性参考
• scale3d() | CSS属性参考
• scaleX() | CSS属性参考
• scaleZ() | CSS属性参考