css3高级应用

1. 过渡transition

   transition-property;
   指定过渡属性。
   transition-duration；
   指定时间。
   transition-timing-function；
   指定效果（平缓，快慢，慢块。。。。）。
   transition-delay；
   上什么时候开始。
   例如：
   transition：border-radius 5s ease-in-out 2s;
   

2. 转换transform

   	translate(x-value,y-value);
   	x为正，向右；y为正，向下；
   	scale(x-value,y-value);
   	x缩放x倍，y缩放y倍；
   	skew(x，y)；
   	向x倾斜x°，向y倾斜y°；
   	rotate(angle);
   	以（0，0）顺时针旋转angle°。
   	transform-origin：x y；
   	更改中心点。变为x，y
   

3. 动画@keyframes

   	animation-name: keyframename;
   	动画名称。
   	animation-duration：time；
   	动画时间;
   	animation-timing-function：value；
   	时间效果.
   	animation-delay：time;
   	延迟时间.
   	animation-iteration-count：number;
   	动画次数.
   	animation-direction：normal/alternate;
   	normal:默认，播放一次完之后重新开始。
   	alternate：偶数逆向播放播放，奇数正常播放。