CSS中的scale()函數可以用來對元素進行縮放。縮放后的大小是原來大小的倍數。
代碼示例: 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()函數可以使元素更加靈活,可以根據需要隨時縮放大小,優(yōu)化頁面顯示效果。
上一篇css3動畫集合使用教程
下一篇css root選擇器