Tabbed Color Guide
メニュー項目へホバーすると色帯と補足ラベルが同時に動くタブバー。
PRACTICAL WEB TIPS
Hover Effects
実際に動くWeb制作素材。プレビューで試して、HTML・CSSコードを確認できます。
使用対象から探す
ボタン・テキスト・画像など、実際に使う場所で分類しています。
適用中：用途: dashboard
14 items条件に一致する公開素材
Reticle Focus Icon
照準を合わせるように四隅のマーカーが中央に集まるアイコンホバー。
Shortcut Keycap CTA
詳細を開くCTAの横からキーボードショートカットが展開。業務アプリの操作を視覚的に案内します。
Trend Cell Microchart
データ表の数値セルにカーソルを合わせると、その項目の小さな推移グラフが表示されます。
Process Checkmark Orbit
完了アイコンの周りに小さなチェックポイントが順番に点灯。作業完了の補助表示に使えます。
Notification Bell Echo
通知アイコンにホバーするとベルが揺れ、未読バッジがひろがる。動作はホバー時のみ。
Data Row Delta Trail
数値表の行にホバーすると前月比が右側に現れ、数値の変化を読み取りやすくするレポート用表示。
KPI Heat Tile Detail
数値カードの小さなヒートマップが順に色づき、データの注目セルと補足値を提示するホバー。
Sortable Header Guide
表の列見出しにホバーすると、並び替え操作を示す矢印と列全体のガイドが現れる。表示専用のUIデモ。
Stack Fan Icon
重なった3枚のダイヤ形レイヤーがホバーで扇状に広がり、素材レイヤー切替を示すアイコン。
Shortcut Hint Navigation
メニューの末尾にショートカットキーのヒントがせり出す、管理画面向けナビゲーション。
Threshold Progress Detail
達成率バーにホバーすると基準値ライン・到達値・補足説明が表示されるダッシュボード用UI。
Signal Bars Response
通信状態などの4本のバーがホバーで順番に立ち上がる、ダッシュボード向けの小型アイコン。
Status Message Action
通知カードに操作候補が現れ、確認済み通知へ視線を誘導できる。