Route Arrow Trace
折れ曲がったSVGルートの線をホバーで描き、終点の矢印を前進させる。
PRACTICAL WEB TIPS
Hover Effects
実際に動くWeb制作素材。プレビューで試して、HTML・CSSコードを確認できます。
使用対象から探す
ボタン・テキスト・画像など、実際に使う場所で分類しています。
適用中：使用対象: icon-arrow
23 items条件に一致する公開素材
Reticle Focus Icon
照準を合わせるように四隅のマーカーが中央に集まるアイコンホバー。
Process Checkmark Orbit
完了アイコンの周りに小さなチェックポイントが順番に点灯。作業完了の補助表示に使えます。
Shield Check Reveal
セキュリティ確認用シールドアイコンがチェック状態に変わり、意味をテキストで補足するホバー。
Notification Bell Echo
通知アイコンにホバーするとベルが揺れ、未読バッジがひろがる。動作はホバー時のみ。
Folded Route Glyph
紙を折るようなSVGアイコンがホバーで開き、進む方向を示す矢印に変わるミニアイコン。
Expand-to-Label Icon
アイコンのみのコンパクトな操作ボタンがホバーで横に伸び、操作名を表示する省スペース表現。
Stack Fan Icon
重なった3枚のダイヤ形レイヤーがホバーで扇状に広がり、素材レイヤー切替を示すアイコン。
Chain Link Connect
離れた2つのチェーンリングがホバーで重なり、リンクの接続を表現するSVGアイコン。
Bookmark Ribbon Emblem
ブックマークのリボンが折り返されたように変化し、保存操作への導線を目立たせるホバー。
Arrow Turnstile Icon
アイコン内のカーブ矢印がホバーで直進矢印に変化する、外部ページ遷移用の小型リンク。
Signal Bars Response
通信状態などの4本のバーがホバーで順番に立ち上がる、ダッシュボード向けの小型アイコン。
Paperclip Attachment Lift
クリップの線画が持ち上がり、添付資料を示す小さなラベルが現れる。
SVG Paper Plane Trail
紙飛行機のSVGが曲線の軌道に沿って飛び、問い合わせ導線を印象付ける。
Iris Shutter Badge
6枚の扇形シャッターが回転して開口部を作る、写真・ギャラリー向けのアイコン。
Plus to Four Points
展開ボタンのプラス記号がホバーで4つの点へ分かれ、メニューの開閉を視覚的に示す。
Icon Compass Focus
コンパス型SVGの外周目盛りがホバーで回転し、中央矢印だけが方向を示すアイコンリンク。
Satellite Icon Badge
丸い機能アイコンの周囲に3つの小さな点が弧を描いて動き、視線を集める。