admin管理员组

文章数量:1130349

相同点：

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

不同点：

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

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

相同点：

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

不同点：

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

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

本文标签： 透视区别preserveperspective

版权声明：本文标题：区别一下preserve-3d和 perspective透视 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://it.en369.cn/jiaocheng/1758713399a2783219.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。