文章詳情頁
在空間坐標系中解釋 translateZ 和 perspective？
瀏覽：125日期：2024-05-27 17:34:19
問題描述
現在在研究 css3 3d 空間效果，不過查閱了很多資料，對 perspective 和 translateZ 只有書面上的概念理解，如果使用 空間坐標系理解這兩個屬性呢。同樣還有個問題，在瀏覽器平面中，x軸的正方向是水平向右，y軸的正方向是垂直向下，那z軸呢？是垂直于顯示器向外的方向還是向里的方向？？？
問題解答
回答1：和以前數學課本里的空間直角坐標系差不多，不過Y軸向下是正的。Z軸向外為正值。初學perspective屬性不好理解。其中perspective值為下圖的d，translateZ值為下圖中的Z，下圖中的藍色部分就是最終在頁面上顯示的結果。
看下這篇文章：http://cdn1.w3cplus.com/css3/transform-basic-property.html
上一條：這個過渡效果怎么寫？下一條：請問帶漸變背景的進度條如何實現？求給點思路
相關文章：
1. Docker for Mac 創建的dnsmasq容器連不上/不工作的問題2. javascript - QWebEngineView 如何爬 angular 的動態數據？3. javascript - 使用angular 的ui-sref 中出現了中文參數，點擊跳轉后瀏覽器的地址欄里出現轉義后的%AE....%a%44. 工作近5年，3年Java Web ，近2年前端，未來何去何從？5. java - 郵箱如何發送html內容6. html5 - 這個代碼顯示功能如何實現？7. javascript - 用JS 七牛上傳圖片出現文件已存在的錯誤（file exists）8. java - 字節流轉成字符串之后，在通過字符串轉成字節流后的文件為什么會不一樣？9. css3 - 圖片等比例縮放10. java - 如何理解“不要通過共享內存來通信，而應該通過通信來共享內存”？
排行榜
網公網安備