关于translatez（50px）

1、其实是相对于每个元素的位移，因为每个元素都基于第一个面有一定的角度，所以呈现的效果不一样

2、是角度转变后，再位移

3、我将位移放在角度之前，为什么效果不一样，这两个属性有规定的顺序吗

未来it界的一枚程序媛 2020-02-02

源自：CSS3转换 6-6 backface-visibility

26

收起

2回答

好帮手慕糖 2020-02-03 13:40:53

同学你好，是的哦。

祝学习愉快~

好帮手慕糖 2020-02-03 10:52:18

同学你好，关于你的问题回答如下：

1、不太明白同学表达的意思，建议：可以详细的描述下，便于准确的定位与解决问题。

2、不是的，是看这两个属性的设置。谁在前先执行谁。

3、因为一项操作之后，中心点也会改变，比如是先平移的，那么中心点也会进行平移，然后旋转是之后的这个中心点进行旋转的。所以效果会不一样。

祝学习愉快~

提问者未来it界的一枚程序媛 #1

第一个问题：就是如果设置角度在前位移在后，那么这个位移是角度旋转后所相对中心点的位移，对吗？在视频中的案例中，都设置translateZ（50px），呈现的效果不一样，是因为角度不一样

2020-02-03 12:05:55

相似问题

translatez(50px);

关于cube

全部是translatez(50px)；如果每个面都向z轴正向移动50px，那和不移动有什么区别？？

请教两个效果失败原因：rotateX|Y() 与 translateZ()

关于perspective-origin:50% 50%的问题

登录后可查看更多问答，登录/注册

1.前端零基础入门

参与学习人
提交作业 8403 份
解答问题 40143 个

本阶段为你揭开日常所见网页的神秘面纱，炫酷的动效并不难得，带你从基础知识到静态网页布局，再到用JS实现动态网页开发，轻松迈入前端开发的大门。

本课精华内容

问答作业

关于浏览器兼容性代码疑问

16 1

请老师检查

65 3

没有明白，为什么height是90，padding-top为60。它就居中了？

26 3

关于三种常用的清除浮动方法的优劣对比，请老师简单讲一讲

18 1

进击的小白们加油。分享一下我做最后这个项目作业的感受

188 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载