Product Detail Lens
商品写真にホバーすると部分拡大窓が現れ、素材感を比較できる。
PRACTICAL WEB TIPS
Hover Effects
実際に動くWeb制作素材。プレビューで試して、HTML・CSSコードを確認できます。
使用対象から探す
ボタン・テキスト・画像など、実際に使う場所で分類しています。
適用中：動き: reveal
149 items条件に一致する公開素材
Meta Label Turn
記事のカテゴリーラベルがホバーで180度回転し、掲載情報に切り替わる。
Metric Breakdown Disclosure
大きな実績数値の根拠や補足を、ホバー強調とクリック開閉で確認できる指標カード。
Search Suggestion Lens
検索入力中に候補を見やすく開く、検索インターフェースの軽量UI。
Keyboard Skip Link
キーボードのTab操作で現れる本文スキップリンク。ヘッダーを飛ばしてコンテンツへ移動。
Team Avatar Unfold
重なったメンバーのアバターが広がり、名前が読みやすくなるプロフィールUI。
Document Preview Flip
書類の表紙をホバーで立体的にめくり、資料の内容を予告できるプレビュー。
Team Profile Frame
スタッフ紹介の写真枠と専門タグを上品に強調するプロフィールカード。
Resource Download Strip
ファイル形式・容量が一目で分かる資料ダウンロード用の横長リンク。
Feature Matrix Focus
プラン比較表で、カーソルが乗った列全体を背景色で強調する。
Article Reading Preview
記事一覧でカテゴリ・読了目安・本文導入をすっきり案内するリンクカード。
Location Marker Callout
地図上の拠点ピンから名称と営業時間を表示する、アクセス案内用の効果。
Readable Data Row
表の行にカーソルを合わせると、その行の識別性が高まる。
Editorial Image Corners
画像の四隅だけに余白のある装飾フレームが現れる、作品ギャラリー向け演出。
Folded Corner CTA
ボタンの右上が折り返され、矢印が現れるCTA演出。
Link Bracket Reveal
テキストの左右に小さなブラケットが現れ、リンクを強調。
Submenu Peek
ホバーまたはキーボード操作で小さなサブメニューが展開する、実務向けのナビゲーション。
Image Curtain Split
画像を覆う2枚のカーテンが左右へ開くビジュアル演出。