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