perspective 和 transform-style 区别

245 阅读1分钟
  • perspective 是透视,可以让电脑模拟 3d效果, 实现近大远小的效果。

  • transform-style 立体呈现 可以让 子元素 里面按照设置位移,旋转,缩放,扭曲等。如果不给父元素这个属性,这里面所有的子盒子都是平面的。

  • 正常情况下:

    • 爷爷设置perspective
    • 父亲设置transform-style: preserve-3d
    • 孩子们设置位移,旋转,缩放,扭曲等