jQueryなどのJavaScriptではクリックする度に交互にアクションを実行させる時に 「toggle(トグル)」という処理をよく使用します。 この「toggle」処理をJavaScriptを使用せずに、CSS3のみで実装させる方法が紹介されていたのが 興味深かったのでメモ書き程度に紹介してみます。 CSS3 toggle-button without JavaScript ≫CSS3 toggle-button without JavaScript ≫ソース構成等はこちらから 画面上の水滴の様な画像をクリックすると画面全体が切り替わり、 再度同じところの画像をクリックすると元に戻ります。 このCSSのみでの「toggle」動作は、CSS3プロパティの「:target」と「pointer-events」を組み合わせて実現しています。 基本部分は3行程度で実装可能となっているシンプルさも