Data Row Delta Trail
数値表の行にホバーすると前月比が右側に現れ、数値の変化を読み取りやすくするレポート用表示。
PRACTICAL WEB TIPS
Hover Effects
実際に動くWeb制作素材。プレビューで試して、HTML・CSSコードを確認できます。
使用対象から探す
ボタン・テキスト・画像など、実際に使う場所で分類しています。
適用中：動き: reveal
149 items条件に一致する公開素材
Caption Bracket Link
記事見出しにカーソルを乗せると、左右の括弧が開き、文脈を補う短いキャプションが下から現れる。
Picture-in-Picture Material
商品画像の右上に素材の質感を拡大した小窓が現れ、ディテールを確認できるホバー。
Barcode Scan Ticket
チケット購入の導線で、バーコード上を走査線が横切り、右端の入場矢印が出現するホバー。
KPI Heat Tile Detail
数値カードの小さなヒートマップが順に色づき、データの注目セルと補足値を提示するホバー。
Building Section Hotspots
建築案件カードにホバーすると、各階の役割と寸法線が図面のように現れる。
Context Preview Rail
メニューの各リンクに触れると、右側の共通レールにその項目固有のプレビュー情報が切り替わる。
Sortable Header Guide
表の列見出しにホバーすると、並び替え操作を示す矢印と列全体のガイドが現れる。表示専用のUIデモ。
Step Indicator Button
CTAの下にある3段階のステップ目盛りが順番に点灯し、次の工程を視覚的に伝えるボタン。
Section Numeral Backdrop
見出しの背後に巨大なセクション番号が浮かび上がる、編集的なページ見出しのホバー。
Folded Photo Index
写真の右下隅が紙のように折れ、作品番号と補足情報が現れるポートフォリオ用画像ホバー。
Availability Profile Card
人物紹介カードのステータスドットが円環に広がり、対応可能な曜日をホバーで表示するプロフィールUI。
Sitemap Branch Links
サイトマップ項目の枝線がホバーで展開し、関連ページの存在を示すナビゲーション。
Shortcut Hint Navigation
メニューの末尾にショートカットキーのヒントがせり出す、管理画面向けナビゲーション。
Choice Tile Hover Path
ラジオ形式の選択カードに、ホバーで内側のガイドラインが走り、クリックすると選択状態が残るフォーム素材。
Notched Document CTA
角の切り欠きに書類アイコンが収まり、ホバーで資料の受け取り動作を示すダウンロードボタン。
Foldout Benefits Ticket
サービスカードの折り返し部分が開いて3つの提供内容を見せる、特徴紹介向けホバー。
Technical Grid Registration
作品写真の上に建築図面のような十字線・寸法メモが順に現れる、建築実績向け画像ホバー。