CSS3 Menu

説明

CSS3 メニューは、画像や Javascript を使用せずにクールな丸みを帯びたナビゲーション メニューを作成し、新しい CSS3 プロパティの border-radius と animation を効果的に利用するのに役立ちます。このメニューは、Firefox、Opera、Chrome、および Safari で完全に機能します。ドロップダウンは、IE7+ などの CSS3 と互換性のないブラウザーでも機能しますが、角の丸みと影はレンダリングされません。 CSS3 トランジションは、いつの日か、人々が使用する派手な jQuery アニメーションのトリックをすべて置き換える可能性があります。これは、Javascript が無効になっているブラウザー、またはブラウザーが Javascript をまったくサポートしていない場合に機能します。マルチレベルのドロップダウン メニューは、CSS3 の丸みを帯びた角 (CSS3 ボーダー半径)、CSS3 シャドウ (ボックス シャドウおよび css3 テキスト シャドウ) を使用して作成されます。

不透明度、背景とフォントの色、線形グラデーション、放射状の CSS3 グラデーションもサポートされています。

ドロップダウンの外観、フェード、およびスライドに対する CSS3 のみの効果。