CSS3でナビゲーションメニュー

アップルのサイトで見かけるナビゲーションメニューを画像を使わずにCSS3だけで表現してみた。WebKit独自プロパティを使っているのでSafari3以上でみてほしい。

参考: The Style Master Blog ? Apple’s Navigation bar using only CSS
詳しくは、参照リンク先をみてもらうとして、グラデーションを手軽に作成できるサービスを見つけたので紹介しておきます。
Gradientifier
これまでのグラデーション作成は、数値を少し変えウェブブラウザで確認しての繰り返しだったのがリアルタイムで確認できるようになったので手間が省けて助かります。

コメントする

メールアドレスが公開されることはありません。 が付いている欄は必須項目です