Travel-Stamp Photo Frame
画像の角に旅のスタンプが回転して現れ、旅行記や観光サイトの写真に情報を添えます。
PRACTICAL WEB TIPS
Hover Effects
実際に動くWeb制作素材。プレビューで試して、HTML・CSSコードを確認できます。
使用対象から探す
ボタン・テキスト・画像など、実際に使う場所で分類しています。
適用中：用途: gallery
40 items条件に一致する公開素材
Selective Blur Gallery
写真をぼかしながら中央の円形窓だけを鮮明に残す、ギャラリーの注目誘導。
Vertical Shutter Photograph
縦型の細いシャッターが順に開き、背面の別ビジュアルを見せる画像ホバー。
Polaroid Note Lift
写真プリントが少し回転して持ち上がると、下に隠れた撮影メモが顔を出す。
Topographic Photo Lines
風景サムネイルに地形図の等高線が重なり、ホバー時に画像の情報レイヤーを演出する。
Film Contact Sheet
写真のホバーでコンタクトシートの縁とフィルム番号が現れる、作品一覧向けサムネイル。
Checkerboard Image Peel
9枚の小窓が順番に開き、背面の別配色のビジュアルを格子状に見せる。
Panoramic Photo Shift
横長写真の表示窓がホバーで右へ移動し、隠れていた風景と撮影情報を見せる。
Before After Hover Peek
写真比較のサムネイルで、ホバーするとBEFOREからAFTERの表示領域が左へ広がる。
Focus Aperture Image
画像の中央から円形の光が大きく広がり、暗い写真のディテールを浮かび上がらせる。
Photo Metadata Rail
作品画像の右端から縦書きメタ情報のレールが現れ、写真の上に余計な文字を重ねずに案内できる。
Diagonal Image Reveal
斜め方向にマスクが開き、写真の上に作品カテゴリーと詳細リンクが現れる。
Inset Image Matte
画像の四辺から余白が現れ、内側にタイトルフレームが浮かぶギャラリーホバー。
Editorial Gallery Focus
ギャラリーの画像へホバーすると主役の写真枠が広がる編集系グリッド演出。
Editorial Image Corners
画像の四隅だけに余白のある装飾フレームが現れる、作品ギャラリー向け演出。
Image Curtain Split
画像を覆う2枚のカーテンが左右へ開くビジュアル演出。
Perspective Photo Tilt
画像カードが遠近感を伴い少しだけ傾く、控えめな立体ホバー。
Image Color Restore
モノクロ写真からカラーへ移行する、制作実績・ギャラリー向けの演出。