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