Column Index Navigation
縦ナビのホバーで小さな番号レールが伸び、メニューが連続した流れで移動する。
PRACTICAL WEB TIPS
Hover Effects
実際に動くWeb制作素材。プレビューで試して、HTML・CSSコードを確認できます。
使用対象から探す
ボタン・テキスト・画像など、実際に使う場所で分類しています。
適用中：用途: navigation
70 items条件に一致する公開素材
Directional Choice Menu
事業一覧メニューで、選択行の方向アイコンが回転し関連ラベルが出現する。
Route Arrow Trace
折れ曲がったSVGルートの線をホバーで描き、終点の矢印を前進させる。
Twin Tempo Underline
2色の下線が反対方向から交差して現れるリンク。記事やトップナビ向け。
Tabbed Color Guide
メニュー項目へホバーすると色帯と補足ラベルが同時に動くタブバー。
Editorial Dotted Path Nav
見出しと右端の数字の間に点線が伸びる目次ナビ。長い記事・会社案内に。
Breadcrumb Route Highlight
パンくずの各段階へホバーすると、現在地までの経路と該当階層が強調されます。
Service Column Focus Menu
サービス別メニューの項目にホバーすると対応する概要パネルへ焦点が移る。企業サイト向けのメニューです。
Location Maplist Hover
所在地リンクに合わせて小さな位置マーカーが上下に移動するアクセス案内メニュー。
Project Stage Menu
制作工程メニューの行ホバーで工程の短い説明と進行方向が表示されます。
Sidebar Editorial Tabs
縦型のサイドナビにホバーすると内容ラベルと小見出しが展開する。
Footer Directory Expander
フッターのリンク見出しにホバーすると小さな関連リンクが横へ広がる。
Nested Menu Reveal
親メニューにホバーすると、階層サブメニューと補助情報が横に展開する小型ナビゲーション。
Chapter Label Rail
記事内ナビの省スペースな章番号がホバーで見出しラベルに展開するインデックス。
Folded Route Glyph
紙を折るようなSVGアイコンがホバーで開き、進む方向を示す矢印に変わるミニアイコン。
Museum Exhibit Menu
展示案内の各リンクに触れると矢印と展示番号が別方向から現れる、ミュージアム向けのナビ。
Article Topic Rail
記事目次のセクションリンクをホバーすると右端の読了目安と区切り線が現れ、現在位置を探しやすくする。
Expand-to-Label Icon
アイコンのみのコンパクトな操作ボタンがホバーで横に伸び、操作名を表示する省スペース表現。