ページ詳細

Ads by Google

9
users

[CSS]この発想はなかった！inputとlabelを使って実装する美しいデザインのアコーディオン | コリス

記事本文 : http://coliss.com/articles/build-websites/operation/css/css3-tutorial-accordion-using-input-and-label-by-codrops.html
タグ : CSS css html CSS3 Clip コリス後で吊るすプログラミングコンピュータホームページ
関連ページ : [ coliss.com ]の新着ページ

パネルが開いた+ホバー時パネルが開いている時のアローは上向きに変わります。デモでは上記のチェックボックス版だけでなく、ラジオボタン版などもあります。デモページ：チェックボックス版デモページ：ラジオボタン版デモページ：チェックボックス版・デフォルトオープン実装 HTML 一つのアイテムに含まれるのは、チェックボックス、ラベル、コンテンツの3つです。それらをdiv要素で内包します。 <section class="ac-container"> <div> <input id="ac-1" nam...