CSS3 アニメーション

アニメーション用のプロパティ（transition/animetion）が2種類あるらしい

■transition
設定できること
1. アニメーションにかかる時間
2. 対象のプロパティ
3. イージング
4. 遅延時間

■animetion
設定できること
1. キーフレーム名
2. アニメーションにかかる時間
3. イージング
4. 遅延時間
5. 繰り返しの回数
6. 再生方向

■transform

• 座標移動(translate, translate3d, translateX, translateY, translateZ)
• 拡大縮小(scale, scale3d, scaleX, scaleY, scaleZ)
• 回転(rotate, rotate3d, rotateX, rotateY, rotateZ)
• 要素を傾斜変形させる(skew, skewX, skewY)
• マトリクス処理(matrix, matrix3d)
• 透視投影(perspective)

CSS3だけでアニメーションを実装する方法のまとめ
http://blog.asial.co.jp/857