首页 > 代码库 > transform中的属性是有顺序的

transform中的属性是有顺序的

rotate、rotateX、rotateY、rotateZ都是旋转坐标系。rotateX时,Y轴和Z轴的位置会变。rotateY时,X轴和Z轴的位置会变。rotate和rotateZ时,X轴和Y轴的位置会变。

rotate/totateX/rotateY/rotateZ旋转的是坐标系,所以要排在其他变换的前面。如果是3D变换,需要把perspective放到最前面。

缩写的话大体顺序是这样的:transform:perspective | rotate(X,Y,Z) | translate(X,Y,Z) | skew | scale

友情提示:这只是个人的总结并不权威,如果错误希望多多指正,谢谢。

transform中的属性是有顺序的