ナビゲーション素材

MATEREATE CONTENTS

背景色が変化するナビのデザインイメージ

左側からバーが現れて背景色が変化するナビゲーション

メニュー項目にマウスを置くと、左側からバーが出現し、背景色が変化するナビゲーションの無料Webデザイン素材です。CSSのみで表現していますので、Webパフォーマンスにも優しいデザイン素材となっております。シンプルながらもおしゃれなエフェクトによりサイト訪問者の目を引くことができると思います。

キューブ状に回転するメニューのデザイン

項目がキューブ状に回転しながら色が変化するメニュー

ホバーエフェクトによりメニュー項目がキューブ状に回転し、背景の色が変化するナビゲーションの無料Web素材です。立体的に回転するオシャレなエフェクトにより、アクセントの効いたナビゲーションとなっております。思わずクリックしたくなるようなナビゲーションでページアクセス率を上げることができると思います。

ナビゲーションのデザインイメージ
ホバーエフェクト

フェードインで出現し項目名が変化するメニュー

項目をホバーすると文字がフェードインしながら出現し、項目名が変わるナビゲーションの無料Web素材です。メニュー項目に簡単な説明やキャッチコピーを入れることができ、サイト訪問者のアクセス率をより高めることができると思います。オシャレに出現するため、アクセントを効いているナビゲーション素材となっております。

ナビ素材の全てのデザインイメージ
ホバーエフェクト

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

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

グローバルナビ素材の全てのデザインイメージ
CSSのみ

メニュー項目の上下部分にラインが現れるメニュー

メニュー項目をホバーで、項目の上下部分に左右からラインが出現するナビゲーションの無料Web素材です。レスポンシブ対応なので、タブレット、スマホでもご使用可能となっております。シンプルながらもちょっとしたアクセントが欲しい…。そんなナビゲーションのWeb素材となっております。

ナビ素材の全ての端末でのデザインイメージ
3Dアニメーション

背景の色がパタパタとカラフルに変化するナビゲーション

3Dアニメーションとホバーエフェクトを使用したナビゲーション素材です。マウスHover時に項目の背景がパタパタと変化します。色んなカラーを組み合わせて、オシャレなデザインのナビゲーションを作ることができます。

素材反映のご依頼

MATEREATE CONTENTS

ダウンロードして実装したけど、うまく反映しない…

素材を自身のサイトにも実装したいけどWebコーダーが不在のため、実装して欲しい…

そんな方はぜひお気軽にお申し付けください。


無料お見積り後、コードを整理した上で実装・反映いたします。