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