CSS3中的rotateX和rotateY函數用于將元素繞著X軸或Y軸旋轉。這兩個函數都接受一個角度值作為參數,表示要旋轉的角度。
rotateX(angle)函數將元素沿著X軸旋轉。例如,rotateX(90deg)將元素向后翻轉90度。
rotateY(angle)函數將元素沿著Y軸旋轉。例如,rotateY(180deg)將元素向左翻轉180度。
這兩個函數的參數值可以是正值或負值,表示順時針或逆時針旋轉。也可以使用百分比值,例如rotateX(50%)表示元素繞著中心點向后翻轉50%的角度。
以下是一些使用rotateX和rotateY函數的示例:
需要注意的是,旋轉函數會改變元素的位置和大小,因此可能會影響其他元素的布局和位置。