ホバー項目以外の項目がぼやけて表示されるメニュー

MATEREATE INFORMATION

メニュー項目にマウスを置くと、それ以外の項目が薄くぼやけるようなエフェクトがかかるナビゲーションの無料Web素材です。CSSのホバーエフェクトを使用し表現しています。ぼんやりと薄くなるエフェクトでサイト訪問者に優しい印象を与えることができます。

素材の詳細

パソコン画面でのナビの通常時のデザイン
パソコン画面での通常時のデザイン

フラットでシンプルなメニューデザインとなっております。背景には影を入れ、少し強調してあります。

パソコン画面でのナビのホバー時のデザイン
パソコン画面でのホバー時のデザイン

マウスを置くとホバーされている項目以外が薄くぼやけて表示されます。

スマホ画面でのナビの通常時のデザイン
スマホ画面での通常時のデザイン

スマホ画面では、リスト項目のように一つずつ表示されるデザインとなっております。

スマホ画面でのナビのホバー時のデザイン
スマホ画面でのホバー時のデザイン

パソコン画面と同様に、ぼんやりと薄くなるエフェクトがかかります。