CSS动画Demo
css3中提供了transform和transistion来实现简单的动画，但是包括IE9都没有提供支持，其他最新浏览器都以实现，做这个纯属周末打发时间，还是记录下来，以便以后查看。
基本语法
transform的理解就是变形，主要的参数有（旋转rotate，扭曲skew,缩放scale和移动translate以及矩阵变形matrix）
rotate（角度）角度可以为正数（顺时针）、负数（逆时针）
1 -webkit-transform:rotate(0deg);2 -moz-transform:rotate(0deg);3 -o-transform:rotate(0deg);
skew（扭曲）
1 -webkit-transform:skew(20deg,-30deg); //skew(相对于x轴倾斜,相对于Y轴倾斜)2 -moz-transform:skew(20deg,-30deg);3 -o-transform:skew(20deg,-30deg);
scale（缩放） 它的两个参数分别控制宽缩放和高缩放，只有一个参数是表示两个缩放相同
-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);
translate（位移）可以用来水平或者垂直方向平移
-webkit-transform:translate(20px,20px);-moz-transform:translate(20px,-20px);-o-transform:translate(20px,-20px);
先写到这，太困了。
TAG:
