代码示例: transform: scale(2, 1.5);
上述代码表示将该元素在水平方向上缩放2倍,在垂直方向上缩放1.5倍。
scale()函数有两个参数,第一个参数是水平方向的缩放倍数,第二个参数是垂直方向的缩放倍数。如果只有一个参数,则该参数会同时作用于水平和垂直方向,即等比例缩放。
代码示例: transform: scale(0.5); 代码示例: transform: scale(2);
上述第一个代码示例表示将该元素缩小到原来的0.5倍,等价于transform: scale(0.5, 0.5);
上述第二个代码示例表示将该元素放大到原来的2倍,等价于transform: scale(2, 2);
使用scale()函数可以使元素更加灵活,可以根据需要随时缩放大小,优化页面显示效果。