文章詳情頁
css - 在空間坐標(biāo)系中解釋 translateZ 和 perspective？
瀏覽：194日期：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，下圖中的藍(lán)色部分就是最終在頁面上顯示的結(jié)果。
看下這篇文章：http://cdn1.w3cplus.com/css3/transform-basic-property.html
標(biāo)簽：
CSS
上一條：css3 - css六邊形問題下一條：css3 - 求css頁面解決方案
相關(guān)文章：
1. 運(yùn)行python程序時出現(xiàn)“應(yīng)用程序發(fā)生異常”的內(nèi)存錯誤？2. 我在導(dǎo)入模板資源時遇到無法顯示的問題，請老師解答下3. macos - 無法source activate python274. java - butterknife怎么綁定多個view5. html5 - 前端面試碰到了一個緩存數(shù)據(jù)的問題，來論壇上請教一下6. css - 移動端 盒子內(nèi)加overflow-y:scroll后 字體會變大7. PHPExcel表格導(dǎo)入數(shù)據(jù)庫怎么導(dǎo)入8. javascript - react如何獲取offsetX？9. html - 網(wǎng)頁的a標(biāo)簽到底要不要寫上域名？10. css3 讓圖片變成灰色(filter)，但針對IE11瀏覽器無效
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備