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

translateZ的值是怎么來的，有人可以解釋下不？

little_star

2016-05-19

源自：十天精通CSS3 9-10

關(guān)注問題我要回答

2835

操作

收起

1 回答

慕尼黑4423355 回答被采納 +3 積分
2016-05-19

一個li高50px，正常狀態(tài)下是以中心為參考點旋轉(zhuǎn)，所以是25px

至于50px是怎么來的。。。我是用F12直接看瀏覽器的li的盒子模型的高度。。。

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

little_star 提問者

translateZ是代表參考點嗎？那正負(fù)值的區(qū)別是什么？

2016-05-19 回復(fù) 有任何疑惑可以回復(fù)我~

#2

慕尼黑4423355 回復(fù) little_star 提問者

呃，，，不是參考點，參考點的設(shè)置是使用origin。。。translateZ中的Z指的是三維空間中的Z軸（經(jīng)常用來代表縱深、景深）。呃如果你是要考究為什么要向Z軸負(fù)方向移動25像素的話。。。這個有點復(fù)雜。。。建議你真的認(rèn)真看了所有代碼模擬一下他實際的旋轉(zhuǎn)過程之后。。。如果還是不知道為什么的話再追問。。。。其實這個問題是這個旋轉(zhuǎn)效果實現(xiàn)的核心之一。。。真的建議認(rèn)真思考。。。

2016-05-19 回復(fù) 有任何疑惑可以回復(fù)我~

#3

little_star 提問者

非常感謝！

2016-05-23 回復(fù) 有任何疑惑可以回復(fù)我~