translatez(50px);

做立方体案例中，translatez(50px);,请问老师代码中，这一行的作用是？

锅里的芒果 2017-07-15

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

19

收起

2回答

卡布琦诺回答被采纳获得+3积分 2017-07-16 13:55:02

定义 3D 转换，只是用 Z 轴的值。希望可以帮到你！

锅里的芒果提问者 #1

就是定义3D转换都要用translateZ 吗？用了才能起作用，是这样的吗？

2017-07-16 14:02:46
卡布琦诺回复提问者锅里的芒果 #2

也不是绝对的要使用，这个需要根据具体的动画效果选择即可，假设你想让3d盒子向你的方向移动10px；translateZ(10px)就是在Z轴的正方向上位移10px，也就是说在原始坐标下，元素朝你位移了10px，和你接近了10px.希望可以帮到你！

2017-07-16 14:10:39
锅里的芒果提问者 #3

非常感谢！

2017-07-16 20:17:54

提问者锅里的芒果 2017-07-16 14:02:10

就是定义3D转换都要用translateZ 吗？用了才能起作用，是这样的吗？

相似问题

关于translatez（50px）

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

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

关于cube

老师这个translateZ根据什么设置多少合适

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

HTML5与CSS3实现动态网页 2018

参与学习 1887 人
提交作业 4643 份
解答问题 5760 个

有HTML和CSS基础，却不知道如何进阶？本路径带你通过系统学习，完成从“会做网页”到“做出好的动态网页”的蜕变，迈出成为前端工程师的第一步。

本课精华内容

问答作业

请忽略此问答

26 33

公式书写。。

31 19

3-8编程练习哪有问题

47 17

全局变量与函数内的全局变量

119 15

编程练习4-4的问题

111 15

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载