文章詳情頁
css - 在空間坐標系中解釋 translateZ 和 perspective？
瀏覽：143日期：2023-07-09 09:49:34
問題描述
現在在研究 css3 3d 空間效果，不過查閱了很多資料，對 perspective 和 translateZ 只有書面上的概念理解，如果使用 空間坐標系理解這兩個屬性呢。同樣還有個問題，在瀏覽器平面中，x軸的正方向是水平向右，y軸的正方向是垂直向下，那z軸呢？是垂直于顯示器向外的方向還是向里的方向？？？
問題解答
回答1：和以前數學課本里的空間直角坐標系差不多，不過Y軸向下是正的。Z軸向外為正值。初學perspective屬性不好理解。其中perspective值為下圖的d，translateZ值為下圖中的Z，下圖中的藍色部分就是最終在頁面上顯示的結果。
看下這篇文章：http://cdn1.w3cplus.com/css3/transform-basic-property.html
標簽：
CSS
上一條：css3 - css六邊形問題下一條：css3 - 求css頁面解決方案
相關文章：
1. html5 - 有可以一次性把所有 css外部樣式轉為html標簽內style=" "的方法嗎?2. sql語句 - mysql中關聯表查詢問題3. javascript - [js]為什么畫布里不出現圖片呢？在線等4. javascript - 如何將一個div始終固定在某個位置；無論屏幕和分辨率怎么變化；div位置始終不變5. javascript - vscode alt+shift+f 格式化js代碼，通不過eslint的代碼風格檢查怎么辦。。。6. html - vue項目中用到了elementUI問題7. javascript - 有什么比較好的網頁版shell前端組件？8. javascript - iframe 為什么加載網頁的時候滾動條這樣顯示？9. javascript - 這不是對象字面量函數嗎？為什么要new初始化？10. javascript - 原生canvas中如何獲取到觸摸事件的canvas內坐標?
排行榜
網公網安備