css 3 animation

1.角度変化:

　　　　 -webkit-transform: rotate(-90deg);

	-moz-transform: rotate(-90deg);

	-o-transform: rotate(-90deg);

	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

    js        ：

setInterval(aa, 100); var a = 0;
function aa() {
$('#nav').css('-webkit-transform', 'rotate(-' + a + 'deg)');
a += 4; if (a > 360) { a = 0; } }
2.拡大・縮小:scale

　　　　-webkit-transform: scale(2);

	-moz-transform: scale(2);

	-o-transform: scale(2); }
scale        。       ，     、            

3.transform        x,y  

　　　　 -moz-transform: translate(10px, 20px);

	-webkit-transform: translate(10px, 20px); 

	-o-transform: translate(10px, 20px); 

         x + 10px y  +20px。 

4.  x,y     skew

-moz-transform: skew(-50deg, -10deg); -webkit-transform: skew(-50deg, -10deg); -o-transform: skew(-50deg, -10deg);
x軸は50度、y軸は10度回転します.これは元の要素の変形をもたらします.
 
5.マトリックスmatrix

　　　　 -moz-transform: matrix(1, -0.2, 0, 1, 0, 0);

	-webkit-transform: matrix(1, -0.2, 0, 1, 0, 0); 

	-o-transform: matrix(1, -0.2, 0, 1, 0, 0);