文章詳情頁(yè)
css - 在空間坐標(biāo)系中解釋 translateZ 和 perspective？
瀏覽：124日期：2023-07-09 09:49:34
問(wèn)題描述
現(xiàn)在在研究 css3 3d 空間效果，不過(guò)查閱了很多資料，對(duì) perspective 和 translateZ 只有書面上的概念理解，如果使用 空間坐標(biāo)系理解這兩個(gè)屬性呢。同樣還有個(gè)問(wèn)題，在瀏覽器平面中，x軸的正方向是水平向右，y軸的正方向是垂直向下，那z軸呢？是垂直于顯示器向外的方向還是向里的方向？？？
問(wèn)題解答
回答1：和以前數(shù)學(xué)課本里的空間直角坐標(biāo)系差不多，不過(guò)Y軸向下是正的。Z軸向外為正值。初學(xué)perspective屬性不好理解。其中perspective值為下圖的d，translateZ值為下圖中的Z，下圖中的藍(lán)色部分就是最終在頁(yè)面上顯示的結(jié)果。
看下這篇文章：http://cdn1.w3cplus.com/css3/transform-basic-property.html
標(biāo)簽：
CSS
相關(guān)文章：
1. 在應(yīng)用配置文件 app.php 中找不到’route_check_cache’配置項(xiàng)2. 跨類調(diào)用后，找不到方法3. sql語(yǔ)句 - 如何在mysql中批量添加用戶？4. 怎么php怎么通過(guò)數(shù)組顯示sql查詢結(jié)果呢，查詢結(jié)果有多條，如圖。5. mysql - 表名稱前綴到底有啥用？6. 編輯成功不顯示彈窗7. tp 6.0 數(shù)據(jù)查詢，求教！8. 為什么php修改數(shù)據(jù)無(wú)法同步到數(shù)據(jù)庫(kù)，只是當(dāng)前頁(yè)面修改成功？9. 哭遼 求大佬解答 控制器的join方法怎么轉(zhuǎn)模型方法10. 在mybatis使用mysql的ON DUPLICATE KEY UPDATE語(yǔ)法實(shí)現(xiàn)存在即更新應(yīng)該使用哪個(gè)標(biāo)簽?
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備