文章詳情頁
在空間坐標系中解釋 translateZ 和 perspective?
瀏覽:113日期:2024-05-27 17:34:19
問題描述
現在在研究 css3 3d 空間效果,不過查閱了很多資料,對 perspective 和 translateZ 只有書面上的概念理解,如果使用 空間坐標系理解這兩個屬性呢。同樣還有個問題,在瀏覽器平面中,x軸的正方向是水平向右,y軸的正方向是垂直向下,那z軸呢?是垂直于顯示器向外的方向還是向里的方向???
問題解答
回答1:和以前數學課本里的空間直角坐標系差不多,不過Y軸向下是正的。Z軸向外為正值。初學perspective屬性不好理解。其中perspective值為下圖的d,translateZ值為下圖中的Z,下圖中的藍色部分就是最終在頁面上顯示的結果。
看下這篇文章:http://cdn1.w3cplus.com/css3/transform-basic-property.html
上一條:這個過渡效果怎么寫?下一條:請問帶漸變背景的進度條如何實現?求給點思路
相關文章:
1. python - 如何統計一份英文 API 開發文檔(如 javadoc文檔)的詞頻?2. mysql優化 - mysql 一張表如果不能確保字段列長度一致,是不是就不需要用到char。3. python - oslo_config4. 請教一個mysql去重取最新記錄5. python - 請問這兩個地方是為什么呢?6. python - 為什么match匹配出來的結果是<_sre.SRE_Match object; span=(0, 54), match=’’>7. javascript - 按鈕鏈接到另一個網址 怎么通過百度統計計算按鈕的點擊數量8. 人工智能 - python 機器學習 醫療數據 怎么學9. php - 有關sql語句反向LIKE的處理10. 大家都用什么工具管理mysql數據庫?
排行榜
