Caption Bracket Link
記事見出しにカーソルを乗せると、左右の括弧が開き、文脈を補う短いキャプションが下から現れる。
PRACTICAL WEB TIPS
Hover Effects
実際に動くWeb制作素材。プレビューで試して、HTML・CSSコードを確認できます。
使用対象から探す
ボタン・テキスト・画像など、実際に使う場所で分類しています。
適用中：用途: navigation
70 items条件に一致する公開素材
Neighbor-Dim Navigation
メニュー項目をホバーすると隣接項目が静かに薄まり、アクティブな項目だけにラインが伸びる。
Context Preview Rail
メニューの各リンクに触れると、右側の共通レールにその項目固有のプレビュー情報が切り替わる。
Stack Fan Icon
重なった3枚のダイヤ形レイヤーがホバーで扇状に広がり、素材レイヤー切替を示すアイコン。
Sitemap Branch Links
サイトマップ項目の枝線がホバーで展開し、関連ページの存在を示すナビゲーション。
Shortcut Hint Navigation
メニューの末尾にショートカットキーのヒントがせり出す、管理画面向けナビゲーション。
Progress Route Navigation
メニュー項目の下を細い経路線が伸び、ホバーした行き先へ到達するナビゲーション。
Tabular Chapter Nav
章番号と見出しが上下のラインで切り替わる、編集記事のセクション移動ナビゲーション。
Radial Nav Backplate
ナビゲーション項目の左側から円形の背景が広がり、見出しを浮かび上がらせるホバー。
Inline Map Marker Links
会社案内の拠点リンクにホバーすると小さなピンと距離メモが展開するナビゲーション。
Arrow Turnstile Icon
アイコン内のカーブ矢印がホバーで直進矢印に変化する、外部ページ遷移用の小型リンク。
Split-Pill Direction CTA
左右に分かれたピル形ボタンがホバー時に展開し、行き先を示す矢印が前へ移動します。
Dot-To-Label Nav
縦に並ぶ小さなドットがホバー時に短い見出しへ展開する、ページ内ナビゲーション用のUI。
Vertical Reading Marker
縦組みの短い見出しをホバーすると横組みの補足見出しが現れる、和文エディトリアル向けリンク。
Alphabet Index Unfold
アルファベット索引をホバーすると該当文字の説明が横に現れる。
Stacked Destination Menu
ナビ項目の裏に重なった行き先ラベルがホバー時に段差を付けて現れる。
Parallel Arrow Rails
2本の平行レール上をアイコンがすれ違うように移動する、資料・詳細リンク向けボタン。
Category Counter Flip
カテゴリリンクの件数表示がカードのように裏返り、ページ数・記事数へ視線を導く。