@keyframes cssアニメーション

@keyframes * IE10以上しか使えない

アニメーション作成時に使用する
animationの細かい設定(拡大のパーセント、回転の角度とか)が設定できるみたい。

アニメーション中のキーフレームと呼ばれる任意の点ごとにCSSのプロパティ値を指定することで、Transitionsモジュールでは行えない複雑なアニメーションを実現できます。

CSS3のキーフレームに基づくアニメーション このサイトから引用させてもらいました。

普通にアニメーションを設定するときには、Transitionsモジュールとかで始点と終点を決めてあげるだけでも可能みたい。