《Css3动画效果》

1、 Css3动画效果（2D）
Animation：动画， 有几个属性：animation-name：命名； animation-duration：持续时间； animation-timing-funtion:变化速度； animation-delay：动画延迟； animation-iteration-count：【infinite（无限循环播放）】执行次数。如：

@keyframes：调用动画
Transition动画：有位移、旋转、缩放、倾斜4种。Transform的几个属性： transform -rotate()：旋转; transform -skew()：扭曲； transform -scale(x,y)：缩放； transform -translate()： 位移【有X轴和Y轴】； transform -matrix()：矩阵【水平方向跟垂直方向】； transform-origin：原点。
如：

2、Css3：3D动画


注：两个rotateY()每设置一个就增加10deg，一直到360deg，其它不变。
此来源于网上下载的HTML特效资料。