倾斜 - skew
- 旋转：skew(x, y)
- 值个数：一个值时，表示x轴上的倾斜。二个值时，表示x轴和y轴上的倾斜
- 值类型：deg：旋转的角度。正数为顺时针。负数为逆时针。
注意：旋转的原点受transform-origin的影响。
过渡动画 - transition
transition CSS 属性是 transition-property，transition-duration，transition-timing-function 和 transition-delay 的一个简写属性。
- transition-property：指定应用过渡属性的名称。可以写all表示所有可动画的属性，属性是否支持动画查看文档。
- transition-duration：指定过渡动画所需的时间。单位可以是秒（s）或毫秒（ms）。
- transition-timing-function：指定动画的变化曲线
- transition-delay：指定过渡动画执行之前的等待时间
关键帧动画
之前我们学习了transition来进行过渡动画，但是过渡动画只能控制首尾两个值：从关键帧动画的角度相当于只是定义了两帧的状态：第一帧和最后一帧。如果我们希望可以有更多状态的变化，可以直接使用关键帧动画。
关键帧动画使用@keyframes来定义多个变化状态，并且使用animation-name来声明匹配：1.使用 @keyframes创建一个规则。2. @keyframes中使用百分比定义各个阶段的样式。3. 通过animation将动画添加到属性上。另外，也可以使用from和to关键字：from相当于0%。to相当于100%。
