1. 2D 旋转:
使用 transform 属性的 rotate() 函数可以实现元素的2D旋转。语法如下:
transform: rotate(angle);
其中,angle 是旋转的角度,可以是正数表示顺时针旋转,负数表示逆时针旋转。示例:
.rotate-element {
transform: rotate(45deg);
}
2. 3D 旋转:
对于3D旋转,你可以使用 rotateX()、rotateY() 和 rotateZ() 函数。例如:
.rotate-3d-element {
transform: rotateX(45deg) rotateY(45deg) rotateZ(45deg);
}
这样的组合可以在三个轴上实现旋转。
转载请注明出处:http://www.pingtaimeng.com/article/detail/6128/CSS