Ceaser - CSS Easing Animation Tool - Matthew Lein

グラフィカルに加速度を作って要素をCSS3アニメーションさせられる「Ceaser」。
単純にアニメーションさせるだけではなく、加速度をつけたほうがよりリアルに活き活きと動かすことが出来ますが、そのアニメーションの加速度指定をベジエ曲線を描く要領で指定出来ます。



ベジエ曲線を指定したら「Left」「Width」といったボタンをクリックし、動きを確認出来ます。
動きを作ったら、*-transition: のCSS3プロパティが生成されるので、コピペで使うことが出来る模様。

関連エントリ

• ピュアCSS3で3Dアニメーション
• アニメーションの残像が残るjQueryアニメーションチュートリアル
• 特定要素内の文字をタイプライター風にアニメーションさせるjQueryプラグイン「TypeWriter」