Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

[CSS3] Pure CSS3 accordion – Javascriptを使わないPure CSSなアコーディオン

  • Pocket
  • このエントリーをはてなブックマークに追加

Javascriptを使わずに、CSS3だけで描画するアコーディオン。ひとつのタブをクリックすると開いて、別のタブクリックで前のが閉じるのと同時に新しいのが開くっていうアレです。動作デモはこちらから。jQueryとか使って作るのが一般的ですが、CSS3を使えばCSSだけで作れちゃうYO、という作例。これなら導入も簡単そうです。

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください