admin 管理员组

文章数量: 1184232

transform:translateX(xx px);//仅仅是在X轴上变化。

transform:translateY(xx px)//仅仅是在Y轴上变化

transform:translateZ(xx px);//仅仅是在Z轴变化。        

总写法3D位移：transform:translate3d(x,y,z);

重点：perspective（透视;视距）一般用于父元素上.这样才可以使用. transform:translateZ(xx px);

3D的旋转：

rotateX(xx deg);//X轴旋转，

rotateY(xx deg); //Y轴旋转

rotateZ(xx deg);//Z轴旋转

总结：rotate3d(x,y,z, xx deg);

原图：

X翻转180度：背面类似原图镜像。

Y轴，Z轴依次类推。

 

scaleX(xx),//进行X轴放大

scakeY(xx)//进行Y轴放大

scaleZ(xx)//进行Z轴放大.

总结:scale3d(x,y,z);

本文标签： transform style perspective

版权声明：本文标题：transform的使用。transform-style,perspective 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1758709674a3089506.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。