admin管理员组

文章数量:1530847

相同点:

他俩都写在父元素上,作用于父元素里面的所有子元素。

不同点:

preserve-3d:是开启3d空间,让元素脱离2d平面,让我们看起来有立体的效果。

perspective:是透视效果,很多人会误以为透视就是3d,其实不是的,透视达到了远小近大的效果,从而让人误认为是3d,但这只是欺骗了你的眼睛,实际上还是2d平面,透视一般作用于所有设置了Z轴位移的子元素,譬如translateZ——transform:translateZ(600px);因为Z轴就是距离屏幕的坐标轴,所以透视是为Z轴而生的。如果不设置透视,你的Z轴位移无效。

本文标签: 透视区别Preserveperspective