Reticle Focus Icon
照準を合わせるように四隅のマーカーが中央に集まるアイコンホバー。
PRACTICAL WEB TIPS
Hover Effects
実際に動くWeb制作素材。プレビューで試して、HTML・CSSコードを確認できます。
使用対象から探す
ボタン・テキスト・画像など、実際に使う場所で分類しています。
適用中：使用対象: icon-arrow ／ 動き: rotate
10 items条件に一致する公開素材
Process Checkmark Orbit
完了アイコンの周りに小さなチェックポイントが順番に点灯。作業完了の補助表示に使えます。
Notification Bell Echo
通知アイコンにホバーするとベルが揺れ、未読バッジがひろがる。動作はホバー時のみ。
Folded Route Glyph
紙を折るようなSVGアイコンがホバーで開き、進む方向を示す矢印に変わるミニアイコン。
Arrow Turnstile Icon
アイコン内のカーブ矢印がホバーで直進矢印に変化する、外部ページ遷移用の小型リンク。
Paperclip Attachment Lift
クリップの線画が持ち上がり、添付資料を示す小さなラベルが現れる。
Iris Shutter Badge
6枚の扇形シャッターが回転して開口部を作る、写真・ギャラリー向けのアイコン。
Icon Compass Focus
コンパス型SVGの外周目盛りがホバーで回転し、中央矢印だけが方向を示すアイコンリンク。
Satellite Icon Badge
丸い機能アイコンの周囲に3つの小さな点が弧を描いて動き、視線を集める。
Icon Quarter Turn
矢印アイコンを円形の中で90度回転させ、方向転換を示す演出。