亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

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軸旋轉了。不知道我說清楚了沒有,請大家指點我一下

正在回答

2 回答

上面草率的回答有誤,經過自己的實踐發現,transform-origin在3d旋轉中起著確定x軸、y軸的作用。transform-origin:value1 value2;則value1(x軸不動時與y軸交點的x值,即y軸可移動)決定了y軸的位置,默認為50%,元素中心豎線。value2同理,決定了x軸的位置。通過改變兩個值,旋轉正方體即可驗證。

1 回復 有任何疑惑可以回復我~

2d變換因為是平面的,可以有旋轉中心。而3d變化中,是以軸為參考的,實現任意旋轉是通過繞x軸、y軸和z軸這三個子效果實現的。因為你要實現任意旋轉,3d旋轉的旋轉中心是很難找的,或者不存在,你能說出一個div繞x軸旋轉90度,它的旋轉中心在哪嗎。所以我個人認為transform在3d旋轉中沒用,在3d縮放中應該有用,可自己試試看!不必糾結這個問題了

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

舉報

0/150
提交
取消

tranform-origin在3D中改變的到底是什么?

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號