-
關(guān)于rotate3d老師講解有些錯誤 錯誤： rotate3d（x,y,z,deg）中x,y,z取值可以是（-∞，+∞）而不是0到1，它們代表的是坐標(biāo)位移向量的長度。 （但是使用時取（-1，+1）之間的值已足夠，取其他值沒有太大意義） 首先： 想了解rotate3d必須先了x,y,z三條軸 推薦一篇張鑫旭大大的文章， http://www.zhangxinxu.com/wordpress/2012/09/css3-3d-transform-perspective-animate-transition/ 然后： 想理解空間的旋轉(zhuǎn)就要確定旋轉(zhuǎn)軸和旋轉(zhuǎn)方向和旋轉(zhuǎn)中心（旋轉(zhuǎn)中心這里不做詳解） x,y,z是以顯示器屏幕三維直角坐標(biāo)系的三條軸，用來合成并確定旋轉(zhuǎn)軸，旋轉(zhuǎn)中心即為坐標(biāo)原點(diǎn) x軸水平向右為正 y軸垂直向下為正 z軸垂直屏幕向外為正 （不要問為什么和高中數(shù)學(xué)講的的不太一樣，它就是這樣規(guī)定的） 其次： 而x,y,z的取值可以理解為向量 -1，0，1三個值可以代表常見情況 用具體數(shù)字來說明一下 rotate3d（1,0,0,90deg） 旋轉(zhuǎn)軸即為x正方向，順時針旋轉(zhuǎn)90度 rotate3d（1,0,0,90deg） 旋轉(zhuǎn)軸為x負(fù)方向，順時針旋轉(zhuǎn)（但我們看到的是逆時針旋轉(zhuǎn)，因?yàn)樾D(zhuǎn)軸方向變化了） 同理，x,y,z取值的正負(fù)可以理解為三個軸上的分向量方向變了，所以最后合成的合向量（即旋轉(zhuǎn)軸，方向也發(fā)生了改變） 而取值大小的變化依然可以遵循向量合成規(guī)律 rotate3d（1,1,0,90deg） 旋轉(zhuǎn)軸即為x水平正方向順時針旋轉(zhuǎn)45度所在的軸（指向屏幕右下角的方向） rotate3d（1, √3,0,90deg） 旋轉(zhuǎn)軸即為x水平正方向順時針旋轉(zhuǎn)60度所在的軸 同理加上z軸的話，最后向量合成到空間里哪個方向，請各位自行腦補(bǔ)（其實(shí)用屏幕來創(chuàng)造坐標(biāo)系理解比較容易） 最后： 用辭有錯誤不妥當(dāng)不專業(yè)的地方請多多包涵查看全部
-
注意樣式表位置。查看全部
-
transition查看全部
-
導(dǎo)航鼠標(biāo)經(jīng)過氣泡查看全部
-
xxxxxxxxxxxxxx查看全部
-
dddddddddddd查看全部
-
x'x'x'x'x'x'x'x查看全部
-
喜喜喜喜喜喜喜喜查看全部
-
字體庫下載地址查看全部
-
Font Awesome查看全部
-
第三個圖標(biāo)的i改了，把第二個圖標(biāo)的i改壞了查看全部
-
第三個圖標(biāo)的i改了，把第二個圖標(biāo)的i改壞了查看全部
-
span內(nèi)聯(lián)元素，定義position：absolute，自動轉(zhuǎn)化成塊狀查看全部
-
ie真蛋疼 <meta http-equiv="X-UA-compatible" content="IE=edge"> 讓IE采用最新的渲染模式查看全部
-
translate 過渡時間，定義在初始狀態(tài)中。 transform 放大或旋轉(zhuǎn)，查看全部
舉報
0/150
提交
取消