css-rotate-1.1

    一直没认真思考旋转是怎么旋转，但今天发现rotateZ跟我预想的不一样啊，那我们来分析一下，他们到底是怎么转的吧。

    现在有个框。

transform: rotate(180deg);

这个就相当于垂直屏幕有个轴。沿着这个轴旋转了180度。其实这个效果跟

transform: rotateZ(180deg);

效果是一样的。

 

transform: rotateX(180deg);

这个就相当于平行屏幕有个横轴。沿着这个轴旋转了180度。然后就是这个效果。

 

transform: rotateY(180deg);

这个就相当于平行屏幕有个纵轴。沿着这个轴旋转了180度。然后就是这个效果。

 

    好啦。就这样了，下次就知道了哦。