Accordion with CSS3 | Codrops

カッコよくデザインされたピュアCSS3なアコーディオン実装デモがチュートリアル付きで公開されています。
次のようなデザインでそのままサイトに使えそうです。このご時世、ピュアCSSでやる必要もないかとは思いますが、テクニックは学べます





ダウンロードして素材として使っちゃいましょう

関連エントリ

• CSS3単体で動く垂直アコーディオンを:targetで実装チュートリアル
• スライダーとアコーディオンを組み合わせたカッコいいUI作成jQueryプラグイン「Slidorion」
• 良い感じの水平アコーディオン実装jQueryプラグイン「liteAccordion」