Twin Tempo Underline
2色の下線が反対方向から交差して現れるリンク。記事やトップナビ向け。
PRACTICAL WEB TIPS
Hover Effects
実際に動くWeb制作素材。プレビューで試して、HTML・CSSコードを確認できます。
使用対象から探す
ボタン・テキスト・画像など、実際に使う場所で分類しています。
適用中：使用対象: text ／ 用途: navigation
11 items条件に一致する公開素材
Caption Bracket Link
記事見出しにカーソルを乗せると、左右の括弧が開き、文脈を補う短いキャプションが下から現れる。
Vertical Reading Marker
縦組みの短い見出しをホバーすると横組みの補足見出しが現れる、和文エディトリアル向けリンク。
Dot Matrix Baseline
リンクの文字下にドットが左右へ順番に現れ、読みやすさを保ちながら選択状態を伝える。
Typographic Side Index
記事リンクにホバーすると、大きな番号が横から滑り込み、見出しの区切り線が伸びる。
Two-Line Label Swap
リンク文字が上へ抜け、次の行に補助メッセージが入れ替わる文字ホバー。
Letter Wave Link
文字が一文字ずつ上下し、色が順番に変化するリンク演出。
Link Bracket Reveal
テキストの左右に小さなブラケットが現れ、リンクを強調。
Dual-Line Text Flip
文字が上へ抜けると同じ文字が下から入る、行単位の入れ替え演出。
Center Underline Expand
文字下のラインが中央から両側へ伸びるナビゲーション用ホバー。
Letter Spacing
文字間をわずかに広げ、文字主体のUIに小さな変化を加えます。