1. transition 和 animation的区别

- transition: 属性 花费时间 速度曲线 延时时间;


transition: width 2s ease 1s;


- animation: 动画名称 花费时间 速度曲线 延时时间 重复次数 动画方向 执行完毕的状态;

- 过渡经常配合鼠标经过使用，只能设置起始和结束状态。

- 动画可以自动执行，而且无限循环等。（其中 动画名称和花费时间必须要写），里面可以有很多的形态，比如 0%， 10% .... 100%

2. perspective 和 transform-style 区别

- perspective 是透视，可以让电脑模拟 3d效果， 实现近大远小的效果。
- transform-style 立体呈现 可以让 子元素 里面按照设置位移，旋转，缩放，扭曲等。如果不给父元素这个属性，这里面所有的子盒子都是平面的。
- 正常情况下：爷爷设置perspective、父亲设置transform-style: preserve-3d、孩子们设置位移，旋转，缩放，扭曲等。