scaleY() | CSS属性参考

1,040次阅读
没有评论

共计 462 个字符,预计需要花费 2 分钟才能阅读完成。

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

相关阅读
正文完
 0