transform: translateZ(-25px)的值是怎么计算的？

translateZ的值是怎么来的，有人可以解释下不？

little_star

2016-05-19

源自：十天精通CSS3 9-10

关注问题我要回答

2792

操作

收起

1 回答

慕尼黑4423355 回答被采纳 +3 积分
2016-05-19

一个li高50px，正常状态下是以中心为参考点旋转，所以是25px

至于50px是怎么来的。。。我是用F12直接看浏览器的li的盒子模型的高度。。。

0 回复有任何疑惑可以回复我~

收起回答

little_star 提问者

translateZ是代表参考点吗？那正负值的区别是什么？

2016-05-19 回复有任何疑惑可以回复我~

慕尼黑4423355 回复 little_star 提问者

呃，，，不是参考点，参考点的设置是使用origin。。。translateZ中的Z指的是三维空间中的Z轴（经常用来代表纵深、景深）。呃如果你是要考究为什么要向Z轴负方向移动25像素的话。。。这个有点复杂。。。建议你真的认真看了所有代码模拟一下他实际的旋转过程之后。。。如果还是不知道为什么的话再追问。。。。其实这个问题是这个旋转效果实现的核心之一。。。真的建议认真思考。。。

2016-05-19 回复有任何疑惑可以回复我~

little_star 提问者

非常感谢！

2016-05-23 回复有任何疑惑可以回复我~