现在在研究 css3 3d 空间效果,不过查阅了很多资料,对 perspective 和 translateZ 只有书面上的概念理解,如果使用 空间坐标系理解这两个属性呢。
同样还有个问题,在浏览器平面中,x轴的正方向是水平向右,y轴的正方向是垂直向下,那z轴呢?是垂直于显示器向外的方向还是向里的方向???
怪我咯2017-04-17 11:43:45
和以前數學課本裡的空間直角座標系差不多,不過Y軸向下是正的。
Z軸向外為正值。
初學perspective屬性不好理解。其中perspective
值為下圖的d
,translateZ
值為下圖中的Z
,下圖中的藍色部分就是最終在頁面上顯示的結果。
看下這篇文章:http://cdn1.w3cplus.com/css3/transform-basic-property.html