CSS3變形是CSS Cascading Style Sheets的一部分,允許你以非常直觀的方式控制HTML元素的外觀和行為。
// 為一段文本添加3D旋轉效果 transform: rotate3d(1, 1, 1, 45deg); // 為一個圖片添加2D縮放效果 transform: scale(2); // 將一個元素向上位移50px transform: translate(0px, -50px); // 改變元素的傾斜角度,反轉Y軸 transform: skewY(-30deg);
CSS3變形允許我們在動畫和交互中控制HTML元素的外觀和行為。從簡單的2D轉換,到更高級的3D效果。
當選擇使用CSS3變形時,請記住:它僅在最新的瀏覽器中被支持!在舊瀏覽器版本中,你只能使用JavaScript來重新創建你的變形效果。CSS3變形在現代網頁設計中扮演著重要的角色,因此,有必要學習以及靈活運用。