[CSS]画像を使用しないで、Apple風のナビゲーションを実装するスタイルシート

画像を使用しないで、Appleのサイトのようなグラデーションを使用したナビゲーションを実装するスタイルシートをThe Style Master Blogから紹介します。

デモのキャプチャ

Apple's Navigation bar using only CSS

グラデーションはCSS 3のTransitionsを使用しているため、キャプチャのように表示できるブラウザはSafari3, Chrome2で、Fx3.5, Op10もとのことです。
IE8は未対応です。

デモのキャプチャ

非対応ブラウザでの見え方(IE8)

sponsors

top of page

©2018 coliss