[CSS]シンプルでクールなデザインのパンくずを実装するスタイルシート

グラデーションを使用したアローでデザインされた、シンプルでクールなパンくずのスタイルシートをVeerle's blogから紹介します。

デモのキャプチャ

Simple scalable CSS based breadcrumbs
demo

パンくずはリスト要素で実装されており、日本語の使用も可能です。

パンくずのHTML

パンくずの文字量は各項目の背景が右寄せのアロー画像になっているため、増えても破綻しないようになっています。
※量には限界がありますが。

ページ下部では、そのアロー画像のPSDもダウンロードできます。

top of page

©2017 coliss