文章詳情頁
css - 在空間坐標系中解釋 translateZ 和 perspective？
瀏覽：106日期：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. javascript - 下面的這段算法代碼求解釋2. javascript - 在top.jsp點擊退出按鈕后，right.jsp進行頁面跳轉，跳轉到login.jsp3. javascript - js 有什么優(yōu)雅的辦法實現在同時打開的兩個標簽頁間相互通信？4. android - 哪位大神知道java后臺的api接口的對象傳到前端后輸入日期報錯，是什么情況？求大神指點5. css3 - 在sublime text里， 如何讓emmet生成的帶前綴css屬性垂直對齊？6. mac連接阿里云docker集群，已經卡了2天了，求問？7. javascript - 回調函數和閉包的關系8. java - spring-data Jpa 不需要執(zhí)行save 語句，Set字段就可以自動執(zhí)行保存的方法？求解9. [前端求職必看]前端開發(fā)面試題與答案精選_擴展問題10. 想找個php大神仿個網站。
排行榜
網公網安備