Progress Route Navigation
メニュー項目の下を細い経路線が伸び、ホバーした行き先へ到達するナビゲーション。
PRACTICAL WEB TIPS
Hover Effects
実際に動くWeb制作素材。プレビューで試して、HTML・CSSコードを確認できます。
使用対象から探す
ボタン・テキスト・画像など、実際に使う場所で分類しています。
適用中：使用対象: navigation
43 items条件に一致する公開素材
Tabular Chapter Nav
章番号と見出しが上下のラインで切り替わる、編集記事のセクション移動ナビゲーション。
Radial Nav Backplate
ナビゲーション項目の左側から円形の背景が広がり、見出しを浮かび上がらせるホバー。
Inline Map Marker Links
会社案内の拠点リンクにホバーすると小さなピンと距離メモが展開するナビゲーション。
Pagination Leaf Turn
ページ番号が小さくめくれるように切り替わる、記事一覧やギャラリー用ページ送り。
Dot-To-Label Nav
縦に並ぶ小さなドットがホバー時に短い見出しへ展開する、ページ内ナビゲーション用のUI。
Alphabet Index Unfold
アルファベット索引をホバーすると該当文字の説明が横に現れる。
Stacked Destination Menu
ナビ項目の裏に重なった行き先ラベルがホバー時に段差を付けて現れる。
Category Counter Flip
カテゴリリンクの件数表示がカードのように裏返り、ページ数・記事数へ視線を導く。
Compass Subnav Marker
メニューの矢印が小さな方位記号へ変わり、見ているセクションを明確に示す。
Dotted Leader Directory
目次の項目とページ番号の間にドットリーダーが延び、見ている行を読み取りやすくする。
Axis Rail Menu
縦の座標軸に沿って短い横線がスライドし、選択中メニューを正確に指し示す。
Crosshair Navigation Mark
メニュー項目の四隅から短いクロスヘア線が入り、現在注目している項目を示す。
Woven Category Link
カテゴリーリンクの2本の斜線が織り込むように交差し、タグのアクセント模様になる。
Nav Overline Connector
企業サイトのナビゲーションで、ホバーした項目の上側ラインと矢印が連動して現れる。
Footer Link Fan
フッターのリンク群にホバーすると、三つのアイコンが扇状に開くコンパクトなSNSメニュー。
Ghost Title Navigation
ナビゲーションの背後に大きな英語ラベルが淡く浮かび、見出しを視覚的に誘導する。
Menu Thumbnail Cue
ナビゲーション項目にホバーすると、その横へ小さな作品サムネイルが現れ、行き先を予告する。