@keyframes cssアニメーション
@keyframes * IE10以上しか使えない
アニメーション作成時に使用する
animationの細かい設定(拡大のパーセント、回転の角度とか)が設定できるみたい。
アニメーション中のキーフレームと呼ばれる任意の点ごとにCSSのプロパティ値を指定することで、Transitionsモジュールでは行えない複雑なアニメーションを実現できます。
CSS3のキーフレームに基づくアニメーション このサイトから引用させてもらいました。
普通にアニメーションを設定するときには、Transitionsモジュールとかで始点と終点を決めてあげるだけでも可能みたい。
- @keyframes
manaさんのサイト
これらのサイトが役に立ってくれそう。