scaleY()-自学php网

来源：自学PHP网时间：2018-02-08 10:48 作者：阅读:次

[导读] CSS scaleY() 函数函数用于在Y轴方向上缩放元素。...

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

scaleY()函数的语法如下：

transform: scaleY(<number>);

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

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

下面是一些示例代码：

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

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

更多文章推荐