rotateZ()
CSS rotateZ()函数用于围绕Z轴旋转元素，实现顺时针或逆针方向的旋转。其视觉效果与rotate()函数相同，但更适用于三维变换场景，作为transform属性的变换函数之一。在三维变换中，rotateZ()需与rotateX()、rotateY()配合使用，并通常需先通过perspective属性定义观察视角，以模拟真实三维投影效果。例如，模拟硬币翻转动画时，可组合三个轴向旋转来创建逼真的翻滚效果。 该函数接受一个角度参数，支持度数（deg）、弧度（rad）、梯度（grad）和圈数（turn）等单位。正值表示顺时针旋转，负值表示逆时针旋转。尽管rotateZ()与rotate()在二维平面上表现一致，但在涉及三维变换或需要GPU硬件加速的复杂动画中，使用rotateZ()更为合适。它能促使浏览器将元素提升至独立的GPU合成层进行渲染，避免主线程重排，从而提升动画性能，尤其适用于包含大量DOM元素的页面。 在语义和规范层面，rotateZ()属于CSS Transforms Module Level 2规范，在所有现代浏览器中均获得基线支持。在构建三维效果（如等距卡片）时，使用rotateZ()而非rotate()是更符合语义的正确方式，确保了变换矩阵在三维空间中的计算准确性。