CSSを使ったアコーディオンと言ってもシンプルなものもあれば、ちょっとした動きを取り入れることでまったくもって違ったものになり、表現力が増します。そんなわけで今回はCSSアコーディオンで表現力をあげるためのサンプルをまとめてみました。 ファンキーなFunky Pure CSS Accordion アニメーションがファンキーなアコーディオンです。この画面で見づらい場合はリンク先にアクセスしてみてください。 多段構造によるMulti-level Accordion 多段構造によるアコーディオンメニューです。 動きがオシャレCSS + HTML only Accordion Element シンプルですが、全体的に動きがオシャレな印象を受けます。 シンプル&安定なAccordion Menu 左サイドにアイコン、右サイドには開閉のための矢印でナビゲーションしているシンプル&安定のアコーディオンで
![表現力を上げるCSSアコーディオン15選 | SONICMOOV LAB](https://cdn-ak-scissors.b.st-hatena.com/image/square/19e7f17c6c7ef0376f9c88337d82ab28be77d880/height=288;version=1;width=512/https%3A%2F%2Flab.sonicmoov.com%2Fwp-content%2Fuploads%2F2018%2F11%2Fcss-acordion-1.png)