CSS3アニメーションはたいていの場合、ホバー時（:hover）に仕込まれるものが多いと思います。
ここでは他の疑似クラス「:active」や「:focus」などやMedia Queriesに仕込んでみるチュートリアルを紹介します。
下記は各ポイントを意訳したものです。
「:active」を使ってCSS3アニメーション
「:focus」を使ってCSS3アニメーション
「:checked」を使ってCSS3アニメーション
「:disabled」を使ってCSS3アニメーション
「Media Queries」を使ってCSS3アニメーション
各スタイルシートについてのメモ
