文章詳情頁
在空間坐標系中解釋 translateZ 和 perspective？
瀏覽：105日期：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. javascript - js setTimeout在雙重for循環中如何使用？2. 小程序怎么加外鏈，語句怎么寫！求救新手，開文檔沒發現3. html5 - input type=’file’ 上傳獲取的fileList對象怎么存儲于瀏覽器？4. javascript - 在 vue里面用import引入js文件，結果為undefined5. html - 爬蟲時出現“DNS lookup failed”，打開網頁卻沒問題，這是什么情況？6. python沒入門，請教一個問題7. php如何獲取訪問者路由器的mac地址8. java 線程監控 重啟線程 觀察者模式的問題的問題9. javascript - 我的站點貌似被別人克隆了， google 搜索特定文章，除了域名不一樣，其他的都一樣，如何解決？10. 求救一下，用新版的phpstudy，數據庫過段時間會消失是什么情況？
排行榜
網公網安備