- perspective 这个元素要设置在父元素上,表示和被观察元素间的距离。
- transform:translateZ(xx px) translateZ这个属性是设置元素距离屏幕的距离。相当于是移动被观察的物体,而perspective是移动观察者的视角。 而我们观察到的物体一般都是指在屏幕上显示的内容,因此当观察者不移动时,物体越靠近人(translateZ()变大)时,所显示的内容越大。反之则越小。
最后perspective-origin,这个属性也是设置在父级身上,表示观察者视角的位置,默认是居中。