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

Question

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

Answer 1

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

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