文章詳情頁
css - 在空間坐標(biāo)系中解釋 translateZ 和 perspective?
瀏覽:120日期:2023-07-09 09:49:34
問題描述
現(xiàn)在在研究 css3 3d 空間效果,不過查閱了很多資料,對 perspective 和 translateZ 只有書面上的概念理解,如果使用 空間坐標(biāo)系理解這兩個屬性呢。同樣還有個問題,在瀏覽器平面中,x軸的正方向是水平向右,y軸的正方向是垂直向下,那z軸呢?是垂直于顯示器向外的方向還是向里的方向???
問題解答
回答1:和以前數(shù)學(xué)課本里的空間直角坐標(biāo)系差不多,不過Y軸向下是正的。Z軸向外為正值。初學(xué)perspective屬性不好理解。其中perspective值為下圖的d,translateZ值為下圖中的Z,下圖中的藍色部分就是最終在頁面上顯示的結(jié)果。
看下這篇文章:http://cdn1.w3cplus.com/css3/transform-basic-property.html
標(biāo)簽:
CSS
上一條:css3 - css六邊形問題下一條:css3 - 求css頁面解決方案
相關(guān)文章:
1. javascript - 百度echarts series數(shù)據(jù)更新問題2. MySQL客戶端吃掉了SQL注解?3. python小白的基礎(chǔ)問題 關(guān)于while循環(huán)的嵌套4. css3 - [CSS] 動畫效果 3D翻轉(zhuǎn)bug5. javascript - JS設(shè)置Video視頻對象的currentTime時出現(xiàn)了問題,IE,Edge,火狐,都可以設(shè)置,反而chrom卻...6. java - 我設(shè)置了cookie的max age,但是cookie依然在關(guān)閉游覽器后消失了7. java固定鍵值轉(zhuǎn)換,使用枚舉實現(xiàn)字典?8. php自學(xué)從哪里開始?9. phpstady在win10上運行10. 求大神幫我看看是哪里寫錯了 感謝細心解答
排行榜

熱門標(biāo)簽