搜尋

首頁  >  問答  >  主體

css - 在空间坐标系中解释 translateZ 和 perspective?

现在在研究 css3 3d 空间效果,不过查阅了很多资料,对 perspective 和 translateZ 只有书面上的概念理解,如果使用 空间坐标系理解这两个属性呢。
同样还有个问题,在浏览器平面中,x轴的正方向是水平向右,y轴的正方向是垂直向下,那z轴呢?是垂直于显示器向外的方向还是向里的方向???

迷茫迷茫2812 天前791

全部回覆(1)我來回復

  • 怪我咯

    怪我咯2017-04-17 11:43:45

    和以前數學課本裡的空間直角座標系差不多,不過Y軸向下是正的。
    Z軸向外為正值。
    初學perspective屬性不好理解。其中perspective值為下圖的dtranslateZ值為下圖中的Z,下圖中的藍色部分就是最終在頁面上顯示的結果。

    看下這篇文章:http://cdn1.w3cplus.com/css3/transform-b​​asic-property.html

    回覆
    0
  • 取消回覆