【CSS3】transform 旋转效果 rotate() --冯浩的博客

rotate:设置旋转的角度
旋转该元素,配合着transform-origin属性,
transform-origin 是设置旋转点的。(没有设置transform-origin 属性也可以,只不过是根据该元素的中心点旋转,也就是center center)
transform-origin 是根据自己而定位的,所以 0px 0px 就是左上角那个点
【CSS3】transform 旋转效果 rotate() --冯浩的博客
rotateX : 沿着x轴进行旋转
【CSS3】transform 旋转效果 rotate() --冯浩的博客
rotateY:沿着y轴进行旋转
【CSS3】transform 旋转效果 rotate() --冯浩的博客
rotateZ:沿着z轴旋转
z轴我们理解起来不太容易 根据这个图 z轴是不是好理解了喃
【CSS3】transform 旋转效果 rotate() --冯浩的博客
【CSS3】transform 旋转效果 rotate() --冯浩的博客
rotate3d(rotateX,rotateY,rotateZ,角度)
可以同时设置rotateX,rotateY,rotateZ,rotate
【CSS3】transform 旋转效果 rotate() --冯浩的博客