Service Tier Accordion Card
サービスカードの下部が展開し、選べるプランを見せるホバー。
PRACTICAL WEB TIPS
Hover Effects
実際に動くWeb制作素材。プレビューで試して、HTML・CSSコードを確認できます。
使用対象から探す
ボタン・テキスト・画像など、実際に使う場所で分類しています。
300 items条件に一致する公開素材
Verified Credential Card
資格紹介カードに認証スタンプが現れ、発行情報と認定分野が見えるホバー。
Sidebar Editorial Tabs
縦型のサイドナビにホバーすると内容ラベルと小見出しが展開する。
Footer Directory Expander
フッターのリンク見出しにホバーすると小さな関連リンクが横へ広がる。
Upload Corner Guides
ファイル選択欄の四隅からガイドラインを表示し、選択できる範囲を分かりやすく示すホバー。
Notification Bell Echo
通知アイコンにホバーするとベルが揺れ、未読バッジがひろがる。動作はホバー時のみ。
Stacked Choice CTA
一つのボタンに重なるアクションラベルがずれて、詳細な目的を表示する多層CTA。
Corner Clasp CTA
四隅のコーナーフレームがホバーで広がり、小さな説明ラベルが現れる企業向けCTA。
Nested Menu Reveal
親メニューにホバーすると、階層サブメニューと補助情報が横に展開する小型ナビゲーション。
Glossary Card Reveal
本文内の専門用語をホバーすると短い用語解説カードを表示する、記事向けの軽量ホバー。
Correction Line Swap
編集前の語句を取り消し線で示し、ホバーで訂正後の見出しが置き換わるエディトリアル演出。
Curtain Slat Landscape
写真を5本のスラットに分割し、ホバーすると各帯がわずかにずれて奥行きを生む作品ギャラリー演出。
Negative Space Photo Lens
単色のオーバーレイに円形の抜き窓が広がり、隠れていた写真が現れる画像ホバー。
Date Fold Invitation
イベント日時カードの角がめくれ、会場情報が補足として現れる案内UI。
Process Map Card
3つの制作工程を結ぶラインが描かれ、各工程のラベルが浮かぶサービス説明カード。
Chapter Label Rail
記事内ナビの省スペースな章番号がホバーで見出しラベルに展開するインデックス。
Consent Detail Lift
チェックボックス付き同意欄にホバーすると補足事項が広がる、フォームの説明補助。
Folded Route Glyph
紙を折るようなSVGアイコンがホバーで開き、進む方向を示す矢印に変わるミニアイコン。