css3中实现旋转效果的属性是“transform”。transform属性用于向元素应用2D或3D转换,当该属性和rotate()、rotate3d()、rotateX()、rotateY()或rotateZ()函数一起使用即可实现旋转。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
css3中实现旋转效果的属性是“transform”。
transform属性用于向元素应用2D或3D转换,当该属性和以下函数一起使用即可实现元素旋转:
-
rotate(angle) 定义 2D 旋转,在参数中规定角度。
立即学习“前端免费学习笔记(深入)”;
rotate3d(x,y,z,angle) 定义 3D 旋转。
rotateX(angle) 定义沿着 X 轴的 3D 旋转。
rotateY(angle) 定义沿着 Y 轴的 3D 旋转。
rotateZ(angle) 定义沿着 Z 轴的 3D 旋转。
示例1:
Hello

示例2:
CSS3 元素旋转
rotate(45deg)
rotateX(45deg)
rotateY(45deg)
rotateZ(45deg)

(学习视频分享:css视频教程)










