search

Home  >  Q&A  >  body text

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

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

迷茫迷茫2812 days ago789

reply all(1)I'll reply

  • 怪我咯

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

    It is similar to the spatial rectangular coordinate system in previous mathematics textbooks, but the Y-axis is positive downward.
    The Z axis is positive outward.
    Perspective attributes are difficult to understand for beginners. The value of perspective is d in the figure below, and the value of translateZ is Z in the figure below. The blue part in the figure below is the final result displayed on the page.

    Read this article: http://cdn1.w3cplus.com/css3/transform-basic-property.html

    reply
    0
  • Cancelreply