CSS3中的旋轉屬性可以讓元素沿著一個中心點進行旋轉。旋轉的角度可以是正數也可以是負數,旋轉的方向可以是順時針也可以是逆時針。同時,我們還可以控制元素的縮放比例。
transform: rotate(45deg); /* 順時針旋轉45度 */ transform: rotate(-45deg); /* 逆時針旋轉45度 */ transform: rotateY(180deg); /* 沿Y軸旋轉180度 */ transform: rotateX(180deg); /* 沿X軸旋轉180度 */ transform: scale(2); /* 縮放2倍 */ transform: scale(0.5); /* 縮放0.5倍 */ transform: scale(2, 0.5); /* 水平縮放2倍,垂直縮放0.5倍 */
上述代碼中,transform屬性可以控制元素的旋轉和縮放。rotate屬性用來控制元素的旋轉,參數是旋轉的角度值,單位是deg。rotateY和rotateX屬性可以讓元素按照Y軸和X軸進行旋轉。scale屬性可以控制元素的縮放比例,參數可以是一個數值,也可以是兩個數值,分別表示水平縮放和垂直縮放的比例。