为什么css3的perspective设置大小不同,会有不同的3d效果

2024-12-29 14:45:14
推荐回答(1个)
回答1:

透视位置不同。

透视中有个「近大远小」现象。
如果观察一个很近的方块,你会发现离你最近的边比离你最远的边要长一些;
但是假如你把要观察的方块放到离你的眼睛很远的地方,你会发现它的边几乎是一样长的。
举个形象点的例子就是,人站在地面观察地球和火星,两者的大小差N个数量级。但是观察观察天王星和海王星,他们之间大小差不了多少,虽然后者之间的距离更远。

perspective就是观察点离transform-origin所在平面的距离.

这儿有一点需要指出,perspective的意义在于设置远近点大小的比例,让它产生3D感,但是并不改变物体在transform-origin处的大小。