デザインの勉強にもなる、CSSで実装するパンくずのまとめ
Post on:2013年10月28日
角丸や三角形、アイコンなどを添えたり、CSS3アニメーションを加えたりなど、CSSで実装するパンくずを紹介します。
機能的にはもちろんシンプルなテキストベースのものと同じですが、サイトのUIにあったデザインのパンくずも素敵ですよね。
![デモのキャプチャ](/wp-content/uploads-201303/2013102804-01.png)
![デモのキャプチャ](/wp-content/uploads-201303/2013102804-02.png)
![デモのキャプチャ](/wp-content/uploads-201303/2013102804-03.png)
![デモのキャプチャ](/wp-content/uploads-201303/2013102804-04.png)
Pure CSS3 Breadcrumb Navigation
![デモのキャプチャ](/wp-content/uploads-201303/2013102804-05.png)
Graceful Breadcrumb Navigation Menu In CSS3
![デモのキャプチャ](/wp-content/uploads-201303/2013102804-06.png)
Breadcrumb Navigation with CSS Triangles
![デモのキャプチャ](/wp-content/uploads-201303/2013102804-07.png)
![デモのキャプチャ](/wp-content/uploads-201303/2013102804-08.png)
Flat Style Breadcrumb Links with CSS
![デモのキャプチャ](/wp-content/uploads-201303/2013102804-09.png)
Nice Scalable CSS Based Breadcrumbs
![デモのキャプチャ](/wp-content/uploads-201303/2013102804-10.png)
sponsors