文章詳情頁
在空間坐標(biāo)系中解釋 translateZ 和 perspective？
瀏覽：138日期：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. 百度云加速正常 自己搭建的NGINX就出現(xiàn)400 本妹子求大神2. javascript - 微信音樂分享3. vue.js - vue+webpack+vue-router 部署到nginx服務(wù)器下，非根目錄，前后端怎樣配置文件？4. 在ios下 微信打開iframe鏈接的頁面時(shí) 在微信里長(zhǎng)按無法識(shí)別二維碼5. javascript - 我寫的href跳轉(zhuǎn)地址不是百度，為什么在有的機(jī)型上跳轉(zhuǎn)到百度了，有的機(jī)型跳轉(zhuǎn)正確6. javascript - 按鈕鏈接到另一個(gè)網(wǎng)址 怎么通過百度統(tǒng)計(jì)計(jì)算按鈕的點(diǎn)擊數(shù)量7. html5 - H5移動(dòng)端UC瀏覽器的,跳轉(zhuǎn)下一個(gè)頁面，下一個(gè)頁面input輸入框獲取焦點(diǎn)后，會(huì)帶出上一頁的內(nèi)容？8. vue.js - vue apache 代理設(shè)置9. CSS3動(dòng)畫的硬件加速的問題。。10. nginx - 關(guān)于vue項(xiàng)目部署到ngnix后出現(xiàn)的問題
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備