CSS 中的 transform 屬性是一種非常常用的樣式屬性,它能夠使頁面元素進行各種變換。其中,旋轉是最基本且最常見的一種變換類型,下面讓我們來詳細地介紹一下。
/* 通過 transform: rotate(angle); 實現旋轉 */ /* angle 為角度值,可以是正數、負數或 0 */ /* 這里設置旋轉 45 度 */ .rotate { transform: rotate(45deg); } /* 可以使用百分比值 */ /* 這里設置旋轉 180 度 */ .rotate { transform: rotate(50%); } /* 可以設置度數和弧度 */ /* 這里設置旋轉 0.5 弧度 */ .rotate { transform: rotate(0.5rad); }
除了簡單的旋轉,transform 屬性還有很多變化類型,例如縮放、平移、傾斜等等。同時,它還支持多個變換同時進行,使得元素更加靈活多變。
總的來說,transform 屬性可以讓我們輕松且能夠自由地實現元素的各種變換,為網頁設計提供了更多的可能性和創意。