CSS3だけでクリックでアニメーションさせるCSS3だけでクリックでアニメーションさせる CSS3でアニメーションが使えるようになり「hover」と組み合わせればマウスオーバーアニメーションならJSを使わなくても余裕な感じですが、クリックでアニメーションしたいときはそれらしいセレクターがないのでできないかなと思ってましたが、頑張ればできるらしいです。 投稿日2011年12月21日 更新日2011年12月21日 クリックした要素自身をアニメーションする チェックボックスを使用して、クリックした状態でcssを切り替えることでアニメーションさせます。 動かしたい要素を「label」で囲めばチェックボックスと連動するんです。 html <input type="checkbox" id="start"> <label for="start"> <div id="box"></div> </label> css /* チェックボックスは非表示
