css3 3d关键点 淘宝购物节的3D效果 如何实现的 h5

规定被嵌套元素如何在 3D 空间中显示

transform-style: preserve-3d;

视距：（通过视距可以实现近大远小的视觉效果）

这个属性也是规定 3D 元素的透视效果

-webkit-perspective: 100px;

视角

-webkit-perspective-origin-x: center;

Math.PI===π

PI: 3.141592653589793

注意：π是圆周率，圆周的度数是180度。

淘宝购物节的3D效果公式：