美しいナビゲーションメニューを実装したい。
そんなあなたにおすすめなのが、『Elegant navigation bar using CSS』。テキストとリンク先を変えるだけで実装できる美しいCSSナビゲーションだ。
このエントリーでは、↑のような美しいメニューのHTMLソースとCSSソースがすべて公開されている。
「Live preview」からはサンプルがみることができるし、「Download this tutorial」からは全ソースがダウンロードできる。
メニューのテキストとリンク先を変更するだけで実装可能だ。
テキストとリンク先を変えるだけで実装できる美しいCSSナビゲーション、ぜひ使ってみてはいかがだろうか。
Editor's Note
さて今日は朝からスタジオへ。天気がよくて気持ちいいですね。
Related Entry
- CSS3のベンダープレフィクスを自動で追加してくれる「CSSPrefixer」
- Photoshopで作ったようなCSS3のタイポグラフィー
- CSS3で作るクールなお問い合わせフォーム
- floatした画像の横のテキストの回り込みをクリアするCSS
- CSS3を使ったボタンジェネレータ
- CSSだけでJavaScriptのような動きを実装するサンプル30
