css-rotate-1.1

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/caishu1995/article/details/85853622

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

    现在有个框。

transform: rotate(180deg);

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

transform: rotateZ(180deg);

效果是一样的。

transform: rotateX(180deg);

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

transform: rotateY(180deg);

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

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