2D和3D动画

transform : 变换 变化

• 移动变化translate()
• 缩放变化scale()
• 旋转的变化rotate()

transition:all 3s 过渡的过程

• all 看到所有的过渡效果
• 3s设置过度时间

---

想看到子元素有3D效果 必须在父元素里面加 视点距离的样式

视点距离:

• 1: none或者无穷大 3D效果就没了
• 2: 视点距离值越小 3D效果越逼真
• 3: 不设置该样式的时候 效果和none 或者无穷大是一样的