Case Result Reveal
制作実績カードで成果数値をホバー時に下から展開する。
PRACTICAL WEB TIPS
Hover Effects
実際に動くWeb制作素材。プレビューで試して、HTML・CSSコードを確認できます。
使用対象から探す
ボタン・テキスト・画像など、実際に使う場所で分類しています。
適用中：使用対象: card ／ 動き: reveal
27 items条件に一致する公開素材
Agenda Sidecar Detail
イベント案内カードで日付パネルが横に開き、会場と開始時間を表示するホバー。
Verification Seal Card
認証済みの実績カードで検証シールと確認行が現れる。会社概要・資格表示向け。
Course Lesson Preview
講座カードをホバーすると、所要時間と3つのレッスン項目が現れる教育サイト向け演出です。
Floorplan Room Spotlight
物件カード内の間取り図で部屋にポインターを乗せると、部屋名と面積が強調されるプレビューです。
Warranty Slip Reveal
商品カードの下から保証・配送条件の明細が出現し、購入前の安心材料を提示します。
Editorial Pullquote Lift
記事の引用カードをホバーすると、引用元と参照リンクがスライドして現れます。
Service Tier Accordion Card
サービスカードの下部が展開し、選べるプランを見せるホバー。
Verified Credential Card
資格紹介カードに認証スタンプが現れ、発行情報と認定分野が見えるホバー。
Date Fold Invitation
イベント日時カードの角がめくれ、会場情報が補足として現れる案内UI。
Process Map Card
3つの制作工程を結ぶラインが描かれ、各工程のラベルが浮かぶサービス説明カード。
Assurance Checklist Panel
サービスのチェックポイントにホバーすると、左端の認証ラインと補足内容が順に開く信頼訴求カード。
KPI Heat Tile Detail
数値カードの小さなヒートマップが順に色づき、データの注目セルと補足値を提示するホバー。
Building Section Hotspots
建築案件カードにホバーすると、各階の役割と寸法線が図面のように現れる。
Availability Profile Card
人物紹介カードのステータスドットが円環に広がり、対応可能な曜日をホバーで表示するプロフィールUI。
Foldout Benefits Ticket
サービスカードの折り返し部分が開いて3つの提供内容を見せる、特徴紹介向けホバー。
Orbiting Benefit Notes
中心のサービス名の周囲に、3つの特徴ラベルがホバーで展開する紹介カード。
Agenda Panel Elevation
イベントの日時カードにマウスを乗せると会場案内が下から現れ、詳細ページの入口を明確にします。