transition和transform以及animation的区别
transition:是元素从一种样式变换为另一种样式时为元素添加的效果
必须规定的两项内容有：a.规定你希望把效果添加到哪个CSS属性上
b.规定效果的时长（如果时长未规定，则不会有过渡效果，因为默认值是 0。）
transform:能对元素进行移动、缩放、转动、拉长或拉伸，是使元素改变形状、尺寸和位置的一种效果。（分为2D转换和3D转换）
animation:是使元素从一种样式逐渐变化为另一种样式的效果。可以改变任意多的样式任意多的次数。
必须规定的两项内容有：a.规定动画的名称
b.规定动画的时长
注： @keyframes 中创建动画时，请把它捆绑到某个选择器，否则不会产生动画效果。