on:2014年3月4日sponsors画像やボタンなどの要素にclassを与えるだけで、さまざまな面白いCSS3アニメーションを利用できるスタイルシートを紹介します。トリガーにjQueryを使うことで、クリックやホバーなどのアクションでも簡単に利用できます。Animationのデモデモでは数多くのCSS3アニメーションが楽しめます。ほんの少しですが、gifアニメーションにしてみました。震えて拡大して、フェードでスライドして、ぱたっと開いて、ぷら〜んと落ちます。下記のようにさまざまなものが揃っています。Animationの使い方アニメーション自体はCSSで、クリックなどのトリガーにjQueryを使用します。ホバーなど他のアクションを利用することもできます。外部ファイル当スタイルシートとjquery.jsを外部ファイルとして記述します。HTMLアニメーションさせる要素に「#animation」、あとはトリガーとなるボタンを配置します。JavaScriptトリガーのclassと動作(click)を指定し、アニメーションさせる要素とそのエフェクトを設定します。$("#animation").addClass("journal");});各アニメーションはその要素にclassを加えるだけでも、適用できます。