Implementation of perspective in css

I’ve seen this after enabling perspective in css:

if a child element with z = 0, the value of perspective doesn’t affect the size of the element.

This makes me confused. In a normal perspective view, the distance between the object and the eye decides the size of the object on the viewport.
But in this case, the distance doen’t affect the size of the object in viewport, but only affects the intensity of z value on the viewport.

Could you tell me how the perspective works? It can’t be better if with an image.

Thanks.

::
You may not understand what I’m asking. The point is:
Why value of perspective doesn’t affect the child without transform: translateZ()?
Isn’t it a perspective projection?


Source: css3

Leave a Reply