动画基本

1.translate

transform:translate(50px,50px);

坐标对应xy轴.

2.scale

transform:scale(.5,2);

缩放.

3.transition
控制过度的属性，
tranfrom是控制变换的样式，基本有形状位置旋转。
4.background-origin

background-origin:border-box;

5.background-clip

background-clip:border-box;

超出的范围不要。

6.多重背景
background:[background-color] | [background-image] | [background-position][/background-size] | [background-repeat]
| [background-attachment] | [background-clip] | [background-origin],...
注意
用逗号隔开每组 background 的缩写值；
如果有 size 值，需要紧跟 position 并且用 "/" 隔开；
如果有多个背景图片，而其他属性只有一个（例如 background-repeat 只有一个），表明
所有背景图片应用该属性值。
background-color 只能设置一个。