CSS3动画

1、 CSS3动画平移
transform:translatex();
transform:translatey();
transform:translatez();
2、旋转
transform:rotatex();
transform;rotatey();
transform:rotatez();
3、放大
transform:scale(倍数)
4、变形
transform:skew(拉伸);
5、自定义动画
animation:动画名称，时间，运动方式，是否循环。

不透明度从0到1；
opacity: 0-1；
transition
将鼠标悬停在一个div元素上，改变div元素。
background: radial-gradient(pink, #FF8888);
径向渐变
background: linear-gradient(pink, #FF8888);
线性渐变
盒子水平垂直居中对齐：
display:flex;
justify-content:center;
align-items:center;
字间距
letter-spacing:1;
兼容谷歌的动画
-webkit-animation；