文章詳情頁
在空間坐標(biāo)系中解釋 translateZ 和 perspective?
瀏覽:146日期:2024-05-27 17:34:19
問題描述
現(xiàn)在在研究 css3 3d 空間效果,不過查閱了很多資料,對(duì) perspective 和 translateZ 只有書面上的概念理解,如果使用 空間坐標(biāo)系理解這兩個(gè)屬性呢。同樣還有個(gè)問題,在瀏覽器平面中,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. android - 美團(tuán)篩選處篩選條件停靠+條件點(diǎn)擊滑動(dòng)到頂部。2. list - python 求助3. mysql優(yōu)化 - mysql like語句會(huì)導(dǎo)致全表掃描?4. python - def自定義函數(shù)的疑惑5. 請(qǐng)教: 關(guān)于 python 反斜杠轉(zhuǎn)義的疑問6. Python中, 仿照經(jīng)典代碼實(shí)現(xiàn)單例, 卻出現(xiàn)了不是單例的的狀態(tài), 代碼哪里出錯(cuò)了 ?7. php由5.3升級(jí)到5.6后,登錄網(wǎng)站,返回的是php代碼,不是登錄界面,各位大神有知道的嗎?8. javascript 如何下載一個(gè)excel文件 ?9. python算法,如何優(yōu)雅的合并2個(gè)列表字典?10. python3.x - python3.5使用pyinstaller打包報(bào)錯(cuò)找不到libpython3.5mu.so.1.0等文件求解?
排行榜

熱門標(biāo)簽