CSS3で新たに追加された擬似クラス「:checked」や「:target」を使うことで実装できる。
CSS3のみで実装されたスライドパネル。labelとradioボタンを使って、「radioボタンがチェックされたとき」にCSS3のアニメーションを適用している。
:checkedを使ってCSS3のみでフィルタ効果。
:targetを使ってLightboxを実装。
CSS3で新たに追加された擬似クラス「:checked」や「:target」を使うことで実装できる。
CSS3のみで実装されたスライドパネル。labelとradioボタンを使って、「radioボタンがチェックされたとき」にCSS3のアニメーションを適用している。
Sliding Image Panels with CSS3 | Codrops
http://tympanus.net/codrops/2012/01/17/sliding-image-panels-with-css3/:checkedを使ってCSS3のみでフィルタ効果。
Filter Functionality with CSS3 | Codrops
http://tympanus.net/codrops/2012/01/09/filter-functionality-with-css3/:targetを使ってLightboxを実装。
CSS3 Lightbox | Codrops
http://tympanus.net/codrops/2011/12/26/css3-lightbox/関連するトピックス