Quick Tip: Mimic a Click Event with CSS | Nettuts

ピュアCSSでonclickイベントをシュミレーションするデモ。
:target 擬似クラスを利用して、クリックイベントをシュミレーションしたデモが公開されていました。
「Zoom In」を押すと画像がアニメーションしながらズームします。Chrome等のWebkitベースのブラウザで見てみてください。

デモページ


一昔前ならどう見てもJavaScript でやってるように思うのですが、一切使っていません。
しかも意外と簡単にできるので覚えておいてもよさそうです。

関連エントリ

• CSSでアニメーションする馬をパカパカ走らせるイリュージョン
• CSSとJavaScriptでアニメーションがカッコいいメニューを実装「FreeStyle Menus」
• ピュアCSSでTwitterのメンテナンスモードのクジラをアニメーションさせる例