文章詳情頁
在空間坐標(biāo)系中解釋 translateZ 和 perspective？
瀏覽：203日期：2024-05-27 17:34:19
問題描述
現(xiàn)在在研究 css3 3d 空間效果，不過查閱了很多資料，對 perspective 和 translateZ 只有書面上的概念理解，如果使用 空間坐標(biāo)系理解這兩個屬性呢。同樣還有個問題，在瀏覽器平面中，x軸的正方向是水平向右，y軸的正方向是垂直向下，那z軸呢？是垂直于顯示器向外的方向還是向里的方向？？？
問題解答
回答1：和以前數(shù)學(xué)課本里的空間直角坐標(biāo)系差不多，不過Y軸向下是正的。Z軸向外為正值。初學(xué)perspective屬性不好理解。其中perspective值為下圖的d，translateZ值為下圖中的Z，下圖中的藍(lán)色部分就是最終在頁面上顯示的結(jié)果。
看下這篇文章：http://cdn1.w3cplus.com/css3/transform-basic-property.html
相關(guān)文章：
1. 我在centos容器里安裝docker，也就是在容器里安裝容器，報錯了？2. 在windows下安裝docker Toolbox 啟動Docker Quickstart Terminal 失敗！3. docker-compose中volumes的問題4. docker不顯示端口映射呢？5. golang - 用IDE看docker源碼時的小問題6. docker內(nèi)創(chuàng)建jenkins訪問另一個容器下的服務(wù)器問題7. 關(guān)docker hub上有些鏡像的tag被標(biāo)記““This image has vulnerabilities””8. javascript - 最近用echarts做統(tǒng)計(jì)圖時遇到兩個問題！！9. javascript - 連續(xù)點(diǎn)擊觸發(fā)mouseleave事件10. mac里的docker如何命令行開啟呢？
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備