CSS アニメーションのイージング

CSSでアニメーションを作る際に easing の記述に便利なサイト。
http://matthewlein.com/ceaser/

標準で用意された easing は linear や ease-in-out など最低限のものしかなくて、例えば back や bounce を使いたいと思ったら cubic-bezier でパラメータを直接記述しなければならない。
しかし、これを感覚で行うのは無理。

上記のサイトを使えば、一般的に使われる easing のパラメータのズバリそのものを知ることができて便利。


コメント投稿は締め切りました。