相同点：他俩都写在父元素上，作用于父元素里面的所有子元素。不同点：preserve-3d：是开启3d空间，让元素脱离2d平面&am

点击上方“IT平头哥联盟”，选择“置顶或者星标”一起进步～本文作者：安佳，360 搜索事业部的前端开发工程师，W3C CSS 工作

perspective 可以让子元素有近大远小的视觉效果perspective 属性给父元素设置，transform-style: preserve-3d; 给需要转换成真正3D立体的元素本身设置perspective

1 perspective该属性是可以给图像呈现立体感&#xff0c;但是&#xff0c;那仅仅只是一种3D的视觉感受&#xff0c;并没有真正的在3D环境中我们可以通过下面这段代码来看效果。HTML代码<

transform – css3属性&#xff0c;可以对元素进行变换(2d3d)&#xff0c;包括平移translate,旋转rotate,缩放scale,等等&#xff08;完整取值参考 W3C&#x