tranform-origin在3D中改變的到底是什么?
tranform-origin在2D變化中我知道改變的是元素的旋轉(zhuǎn)點,是基于元素本身的盒子。比如50% 50%是元素盒子的中點。但是在3D變化中,50% 50%還是元素盒子的中點嗎?不是了吧?我看http://www.runoob.com/try/try.php?filename=trycss3_transform-origin_3d_inuse例子,如果是元素盒子中點,那rotateY旋轉(zhuǎn)時中心點應(yīng)該不動,而實際上是繞著瀏覽器的Y軸旋轉(zhuǎn)了。不知道我說清楚了沒有,請大家指點我一下
2016-05-15
上面草率的回答有誤,經(jīng)過自己的實踐發(fā)現(xiàn),transform-origin在3d旋轉(zhuǎn)中起著確定x軸、y軸的作用。transform-origin:value1 value2;則value1(x軸不動時與y軸交點的x值,即y軸可移動)決定了y軸的位置,默認(rèn)為50%,元素中心豎線。value2同理,決定了x軸的位置。通過改變兩個值,旋轉(zhuǎn)正方體即可驗證。
2016-05-15
2d變換因為是平面的,可以有旋轉(zhuǎn)中心。而3d變化中,是以軸為參考的,實現(xiàn)任意旋轉(zhuǎn)是通過繞x軸、y軸和z軸這三個子效果實現(xiàn)的。因為你要實現(xiàn)任意旋轉(zhuǎn),3d旋轉(zhuǎn)的旋轉(zhuǎn)中心是很難找的,或者不存在,你能說出一個div繞x軸旋轉(zhuǎn)90度,它的旋轉(zhuǎn)中心在哪嗎。所以我個人認(rèn)為transform在3d旋轉(zhuǎn)中沒用,在3d縮放中應(yīng)該有用,可自己試試看!不必糾結(jié)這個問題了