サイトコーディングCSSアニメーション効率化CSS3で作れるアニメーションの動きを簡単に実装できるチートシートです。チートシートという名称ですが、実際はページ内に外部CSSを加えclass等を調整するだけで任意のアニメーションが実装できる代物です。アニメーションのデモも確認でき、解説も丁寧なので使いやすいサイトです。サイトへ訪問する登録アニメーションデモトップページでは、アニメーションのデモを見ることができます。ボタンをクリックすればそれぞれの動きが確認できます。ボタンの名前がCSSで利用するclass名にもなっています。実用例を踏まえたデモアニメーションも見られるので、実装のイメージが湧きやすくなっています。Sheet(CSS3アニメーションチートシート)の使い方は、トップページ下に丁寧に解説されています。chromeブラウザなどで翻訳するだけで十分理解できる内容になっています。要約するとこんな感じです。