CSS3中的rotateX和rotateY函数用于将元素绕着X轴或Y轴旋转。这两个函数都接受一个角度值作为参数,表示要旋转的角度。
rotateX(angle)函数将元素沿着X轴旋转。例如,rotateX(90deg)将元素向后翻转90度。
rotateY(angle)函数将元素沿着Y轴旋转。例如,rotateY(180deg)将元素向左翻转180度。
这两个函数的参数值可以是正值或负值,表示顺时针或逆时针旋转。也可以使用百分比值,例如rotateX(50%)表示元素绕着中心点向后翻转50%的角度。
以下是一些使用rotateX和rotateY函数的示例:
需要注意的是,旋转函数会改变元素的位置和大小,因此可能会影响其他元素的布局和位置。