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

MATEREATE INFORMATION

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

素材の詳細

ナビ素材のパソコン端末でのデザイン
パソコン表示時

パソコン画面での表示イメージとなります。

ナビ素材のタブレット端末横画面のデザイン
タブレット横表示時

タブレット横画面では、項目が3つずつ、2列に並びます。

ナビ素材のタブレット端末でのデザイン
タブレット縦表示時

タブレット縦画面では、項目が2つずつ、3列に並びます。

ナビ素材のスマホ端末でのデザイン
スマホ表示時

スマホ画面では、リスト項目のように1つずつに並びます。

ナビ素材をパソコン端末でのホバーした時のデザイン
パソコンマウスHover時

メニューの項目をマウスHoverすることで、項目の上からパタパタと背景が変わります。

ナビ素材のスマホ端末でのタップ時のデザイン
スマホ画面タップ時

スマホ画面でも、パソコン表示時と同じようにパタパタと背景が変化します。