Service Tier Accordion Card
サービスカードの下部が展開し、選べるプランを見せるホバー。
PRACTICAL WEB TIPS
Hover Effects
実際に動くWeb制作素材。プレビューで試して、HTML・CSSコードを確認できます。
使用対象から探す
ボタン・テキスト・画像など、実際に使う場所で分類しています。
適用中：動き: reveal
149 items条件に一致する公開素材
Verified Credential Card
資格紹介カードに認証スタンプが現れ、発行情報と認定分野が見えるホバー。
Sidebar Editorial Tabs
縦型のサイドナビにホバーすると内容ラベルと小見出しが展開する。
Upload Corner Guides
ファイル選択欄の四隅からガイドラインを表示し、選択できる範囲を分かりやすく示すホバー。
Stacked Choice CTA
一つのボタンに重なるアクションラベルがずれて、詳細な目的を表示する多層CTA。
Glossary Card Reveal
本文内の専門用語をホバーすると短い用語解説カードを表示する、記事向けの軽量ホバー。
Negative Space Photo Lens
単色のオーバーレイに円形の抜き窓が広がり、隠れていた写真が現れる画像ホバー。
Date Fold Invitation
イベント日時カードの角がめくれ、会場情報が補足として現れる案内UI。
Process Map Card
3つの制作工程を結ぶラインが描かれ、各工程のラベルが浮かぶサービス説明カード。
Chapter Label Rail
記事内ナビの省スペースな章番号がホバーで見出しラベルに展開するインデックス。
Consent Detail Lift
チェックボックス付き同意欄にホバーすると補足事項が広がる、フォームの説明補助。
Stitched Edge Travel CTA
旅の予約ボタンを囲う破線ステッチがスライドし、目的地タグが横から現れる。旅行・イベント向け。
Bilingual Line Switch
日英併記のリンクをホバーすると補助訳が整列して現れ、主言語の下線と連動する表現。
Photo Contact Strip Lift
横並び写真の一枚をホバーすると上方向へ持ち上がり、作品名と日付ラベルが現れるギャラリー演出。
Assurance Checklist Panel
サービスのチェックポイントにホバーすると、左端の認証ラインと補足内容が順に開く信頼訴求カード。
Tiled Panorama Contrast
同じ風景を3枚の切片に分け、ホバーした切片だけ鮮やかになり、細いインデックス線が現れる。
Museum Exhibit Menu
展示案内の各リンクに触れると矢印と展示番号が別方向から現れる、ミュージアム向けのナビ。
Article Topic Rail
記事目次のセクションリンクをホバーすると右端の読了目安と区切り線が現れ、現在位置を探しやすくする。