オール・アニメーションCSS3とは?スタイルシートフレームワークで、簡単にクリックやタップエフェクトをアニメーション化する方法だ。HTMLにclassをつけるだけで実装できるので簡単。プログラミングの知識がなくてもできるので嬉しい。超簡単な導入方法を紹介しよう。CSSとjQueryをダウンロード右クリックで保存しよう。all-animation.cssは「通常版」と「ミニファイド版」の2種類あるが、どちらでもOK。・all-animation.min.css←minified版(軽量版)・position.css↑画像のサイズや表示位置を変える時に編集する。・jquery-1.11.1.min.js・bootstrap.min.js・main.jsなお、.jsファイルは「.txt」としているので、ダウンロードしたら拡張子を「.js」に変更しておこう。ファイル名も確認しておこう。間で、cssを読み込もう。ファイルを読み込もう。src="js/main.js"></script>これで読み込みは完成。あとは画像にclassをつけたり、するだけでアニメーションエフェクトが実装できる。エフェクトを記入すると、その画像にアニメーションエフェクトをつけることができる。/></div>使用可能クラス一覧(エフェクトのデモはデモページを参考に。して、エフェクトのクラス名を記入するだけで、画像にアニメーションをつけることができる。下で、画像を読み込んでおく。/></div></div>使用可能クラス一覧は画像のアニメーションエフェクトと全く同じ。メニューのアニメーションエフェクトメニューのアニメーションのデモページはこちらulやdivにクラスを付けて、簡単にアコーデオンやタブを実装可能。for="double-acordeon3">メニュー3<div>内容3</div></label></li></ul>その他の記述方法は、メニューのアニメーションのデモページのソース、またはall-animation.zipを参照。クラス名を記入するだけで、チェックボックスやラジオボタンにエフェクトを付けて、トリガーボタンなどを作れる。for="check1"></label></div>その他のエフェクトはメニューのアニメーションのデモページのソース、またはアーカイブ版all-animation.zipを参照。・アーカイブ版(導入サンプルまとめてダウンロード)all-animation.zipCSSアコーディオンアコーディオンメニューアニメーションエフェクトタブチェックボックスラジオボタン明日試したくなるカスタマイズ、ネットな日々に役立つ小技と、たまに旅行の妄想と。