CSS3中的scale屬性是一種 CSS3 轉換(Transformation)屬性,用于對 HTML 元素進行縮放操作。該屬性可以在水平方向、垂直方向或同時進行縮放。
scale屬性需要設置縮放因子,縮放因子可為正數(放大元素)或小數(縮小元素),甚至可以為負數(反轉元素)。而縮放因子的值越大,元素被放大與縮小的效果也就更加明顯。
transform: scale(1.2, 0.8);
以上代碼實現了一個元素被放大并縮小的效果,水平方向的放大因子為1.2,垂直方向的縮小因子為0.8。
除了可以按比例縮放元素,scale屬性也可以通過設置縮放的兩個方向,實現元素在不同方向的縮放效果。
transform: scale(1.2, 0.8) rotate(20deg);
上述代碼實現了一個元素被放大縮小并旋轉的效果,略微傾斜了20度并依舊按比例縮放。
總之,通過CSS3中的scale屬性,我們可以輕松地對HTML元素進行縮放效果的實現,既可以按比例縮放,也可以設置不同方向的縮放。