[CSS]リストをストライプ状のアコーディオンにするスタイルシート

リストでマークアップしたものを、きれいなストライプ状のアコーディオンにするスタイルシートの紹介です。

リストをきれいなストライプ状にしたスタイルシートのキャプチャ

A Stripe of List Style Inspiration

リストの中身を表示・非表示にしている仕組みは、通常時「display:none;」、ホバー時「display:block;」となっています。

グラデーションの数を増やすときれいかなと思い、数を増やしたサンプルをアップしてみました。
サンプルページ
もっと増やすともっときれいかも。

sponsors

top of page

©2018 coliss