学习总结：

1. 转换：

   改变元素在页面中的位置，大小，角度，以及形状即为转换

   平移：translate() 一个值默认在x轴上平移 两个值为（x,y）

   也可以设置translateX() translateY()

   缩放：scale()

   旋转：rotate

   倾斜：

   3D旋转：

   2.过渡：

   使css的值，在一段时间内平缓变化的效果。过度的代码要写在原本样式中，过渡效果有去有回，如果写在hover中，过渡效果有去无回

   3.动画：

   将多个过渡放在一起，使用关键帧来控制动画的每一个状态，使得元素从一种样式逐渐变化为另一种样式

   声明动画：

   @keyframes 名称{
   0%{ /代码样式/ }
   50%{ /代码样式/ }
   100%{ /代码样式/ }
   }