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

scaleY() | CSS属性参考

2016-10-24

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

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

相关阅读
Previous:
上一篇:scaleX() | CSS属性参考
Next:
下一篇:scaleZ() | CSS属性参考

我要评论

返回顶部