文章詳情頁
在空間坐標系中解釋 translateZ 和 perspective？
瀏覽：97日期：2024-05-27 17:34:19
問題描述
現(xiàn)在在研究 css3 3d 空間效果，不過查閱了很多資料，對 perspective 和 translateZ 只有書面上的概念理解，如果使用 空間坐標系理解這兩個屬性呢。同樣還有個問題，在瀏覽器平面中，x軸的正方向是水平向右，y軸的正方向是垂直向下，那z軸呢？是垂直于顯示器向外的方向還是向里的方向？？？
問題解答
回答1：和以前數(shù)學課本里的空間直角坐標系差不多，不過Y軸向下是正的。Z軸向外為正值。初學perspective屬性不好理解。其中perspective值為下圖的d，translateZ值為下圖中的Z，下圖中的藍色部分就是最終在頁面上顯示的結(jié)果。
看下這篇文章：http://cdn1.w3cplus.com/css3/transform-basic-property.html
相關文章：
1. javascript - 關于css絕對定位在ios瀏覽器被橡皮筋遮擋的問題2. python - beautifulsoup獲取網(wǎng)頁內(nèi)容的問題3. python - 能通過CAN控制一部普通的家用轎車嗎？4. mysql優(yōu)化 - 關于mysql分區(qū)5. javascript - react input file6. 人工智能 - python 機器學習 醫(yī)療數(shù)據(jù) 怎么學7. centos7 編譯安裝 Python 3.5.1 失敗8. mysql - 分庫分表、分區(qū)、讀寫分離 這些都是用在什么場景下 ，會帶來哪些效率或者其他方面的好處9. html5 - 只用CSS如何實現(xiàn)input框的寬度隨框里輸入的內(nèi)容長短自動適應？10. c++ - 請問MySQL_Connection::isReadOnly 怎么解決？
排行榜
熱門標簽
網(wǎng)公網(wǎng)安備