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