Parcel Journey Card
配送状況を示す3つの工程アイコンがホバー時に順番に点灯する。
PRACTICAL WEB TIPS
Hover Effects
実際に動くWeb制作素材。プレビューで試して、HTML・CSSコードを確認できます。
使用対象から探す
ボタン・テキスト・画像など、実際に使う場所で分類しています。
適用中：使用対象: card
43 items条件に一致する公開素材
Case Result Reveal
制作実績カードで成果数値をホバー時に下から展開する。
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つの制作工程を結ぶラインが描かれ、各工程のラベルが浮かぶサービス説明カード。
Material Sample Envelope
カタログの素材見本に触れると紙のスリーブから色見本が持ち上がり、材質名が表示されるカード。
Assurance Checklist Panel
サービスのチェックポイントにホバーすると、左端の認証ラインと補足内容が順に開く信頼訴求カード。
KPI Heat Tile Detail
数値カードの小さなヒートマップが順に色づき、データの注目セルと補足値を提示するホバー。
Building Section Hotspots
建築案件カードにホバーすると、各階の役割と寸法線が図面のように現れる。
Availability Profile Card
人物紹介カードのステータスドットが円環に広がり、対応可能な曜日をホバーで表示するプロフィールUI。
Layered Report Card
レポートの見出しを保ちながら、2枚のデータシートが少しずつずれて見える調査レポートカード。