CSS动画

一. transform转换transform-origin(x,y)基位

1. translate(x,y)拉伸
2. scale(x,y)缩放
3. rotate(Xdeg)旋转
4. skew(xdeg,ydeg)倾斜

二. transition过度

1. transition-property 指定CSS属性的name，transition效果(all全部属性)
2. transition-duration transition效果需要指定多少秒或毫秒才能完成
3. transition-timing-function 指定transition效果的转速曲线(默认ease)
4. transition-delay 定义transition效果延迟的时间

三. @keyframes逐帧动画

1. 0-100%
2. from（与 0% 相同）
3. to（与 100% 相同）

四. animation动画

1. animation-name 规定需要绑定到选择器的 keyframe 名称。。
2. animation-duration 规定完成动画所花费的时间，以秒或毫秒计。
3. animation-timing-function 规定动画的速度曲线。(ease)
4. animation-delay 规定在动画开始之前的延迟。
5. animation-iteration-count 规定动画应该播放的次数。(infinite无限)
6. animation-direction 规定是否应该轮流反向播放动画。

五. box-shadow盒子阴影

1. h-shadow 必需的。水平阴影的位置。允许负值
2. v-shadow 必需的。垂直阴影的位置。允许负值
3. blur 可选。模糊距离
4. spread 可选。阴影的大小
5. color 可选。阴影的颜色
6. inset 可选。从外层的阴影（开始时）改变阴影内侧阴影

六. text-shadow文字阴影

1. h-shadow 必需。水平阴影的位置。允许负值。
2. v-shadow 必需。垂直阴影的位置。允许负值。
3. blur 可选。模糊的距离。
4. color 可选。阴影的颜色。参阅 CSS 颜色值。