CSS3-3d rotate()用法

初学css的小伙伴一定会好奇那些简单的动画是怎么做的，那么来学习一下rotate3d()里面的参数到底是啥意思

基本语法

transform: rotate3d(x,y,z,angle);

x

类型， 表示旋转轴X坐标方向的矢量。
y

类型， 表示旋转轴Y坐标方向的矢量。
z

类型， 表示旋转轴Z坐标方向的矢量。
a

类型，表示旋转角度。正的角度值表示顺时针旋转，负值表示逆时针旋转。

实例

 
 


what?

注意

div:hover里面的transform:rotate()的参数angle控制的是每一个样式的角度，如果你定义了多种转变则总共的angle为样式*angle.