Duplex Exposure Portrait
同じ構図の2色の景色を乗算レイヤーで重ね、ホバー時に二重露光のように変化する写真表現。
PRACTICAL WEB TIPS
Hover Effects
実際に動くWeb制作素材。プレビューで試して、HTML・CSSコードを確認できます。
使用対象から探す
ボタン・テキスト・画像など、実際に使う場所で分類しています。
適用中：使用対象: image
48 items条件に一致する公開素材
Technical Grid Registration
作品写真の上に建築図面のような十字線・寸法メモが順に現れる、建築実績向け画像ホバー。
Crop-Shift Portfolio Frame
画像の枠は固定したまま、ホバー時だけ写真の見せる範囲を横方向へ移動する作品カード。
Halftone Veil Photograph
画像を覆うドット状の網点がホバーで横へ流れ、画像の細部がすっきり現れる。
Color-Band Photo Scan
モノクロ写真が5つの縦帯に分かれて順番にカラーへ戻る、作品一覧向けのホバー演出。
Travel-Stamp Photo Frame
画像の角に旅のスタンプが回転して現れ、旅行記や観光サイトの写真に情報を添えます。
Selective Blur Gallery
写真をぼかしながら中央の円形窓だけを鮮明に残す、ギャラリーの注目誘導。
Photo Coordinate Overlay
画像にカーソルを乗せると構図の測定線と撮影情報が現れる、建築・作品紹介向け。
Vertical Shutter Photograph
縦型の細いシャッターが順に開き、背面の別ビジュアルを見せる画像ホバー。
Foreground Depth Portrait
人物のシルエットが背景の図形から手前に浮き出し、奥行きの差で人物紹介を強調。
Polaroid Note Lift
写真プリントが少し回転して持ち上がると、下に隠れた撮影メモが顔を出す。
Topographic Photo Lines
風景サムネイルに地形図の等高線が重なり、ホバー時に画像の情報レイヤーを演出する。
Film Contact Sheet
写真のホバーでコンタクトシートの縁とフィルム番号が現れる、作品一覧向けサムネイル。
Checkerboard Image Peel
9枚の小窓が順番に開き、背面の別配色のビジュアルを格子状に見せる。
Panoramic Photo Shift
横長写真の表示窓がホバーで右へ移動し、隠れていた風景と撮影情報を見せる。
Duotone Photo Wash
ホバーで暖色のデュオトーンを外し、元の写真の自然な色を段階的に現すギャラリーカード。
Before After Hover Peek
写真比較のサムネイルで、ホバーするとBEFOREからAFTERの表示領域が左へ広がる。
Focus Aperture Image
画像の中央から円形の光が大きく広がり、暗い写真のディテールを浮かび上がらせる。