CSS3是一種逐漸普及的網頁設計技術,其中最為常用的就是放大縮小效果。通過對元素的變形操作,可以實現圖片或文字等元素的縮放,從而達到視覺上的效果。
{ transition: transform 0.2s ease-in-out; } :hover { transform: scale(1.2); }
上述代碼中,“transition”屬性定義了變形操作的過渡效果,“hover”偽類定義了當鼠標懸浮在元素上時觸發的效果。在:hover中,通過“scale”函數將元素的縮放比例設置為1.2,即將其放大20%。
另外,CSS3還提供了“rotate”、“skew”等變形操作,可以使元素發生旋轉、扭曲等效果,非常有趣。同時也要注意,過度的使用過渡效果會影響網頁的性能,需要根據實際情況進行調整。
上一篇css3 旋轉軸