Split Gallery Expansion
2つの画像パネルの比率が変化し、右側の作品が主役になるギャラリー表現。
PRACTICAL WEB TIPS
Hover Effects
実際に動くWeb制作素材。プレビューで試して、HTML・CSSコードを確認できます。
使用対象から探す
ボタン・テキスト・画像など、実際に使う場所で分類しています。
適用中：使用対象: image ／ 動き: reveal
28 items条件に一致する公開素材
Color Negative Spotlight
通常の写真がホバーでネガ調に変化し、円形の窓だけが元の色を保つ比較演出。
Perforated Poster Reveal
ポスターの切り取り線に沿って前面が抜け、裏側の作品情報が見える画像ホバー。
Exposure Proof Overlay
作品画像の上に露出補正ラインとミニヒストグラムを重ねる。写真ポートフォリオ向けのホバーです。
Color Lab Sample Scan
素材見本の半透明な色版が移動し、ベース素材と仕上げ色を比較できるホバー。
Macro Detail Band
商品写真の中央にだけ拡大した細部を重ねるホバー。素材や質感の紹介に。
Print Corner Curl
写真プリントの隅がめくれ、撮影情報が裏面から現れるホバー。
Negative Space Photo Lens
単色のオーバーレイに円形の抜き窓が広がり、隠れていた写真が現れる画像ホバー。
Photo Contact Strip Lift
横並び写真の一枚をホバーすると上方向へ持ち上がり、作品名と日付ラベルが現れるギャラリー演出。
Tiled Panorama Contrast
同じ風景を3枚の切片に分け、ホバーした切片だけ鮮やかになり、細いインデックス線が現れる。
Picture-in-Picture Material
商品画像の右上に素材の質感を拡大した小窓が現れ、ディテールを確認できるホバー。
Folded Photo Index
写真の右下隅が紙のように折れ、作品番号と補足情報が現れるポートフォリオ用画像ホバー。
Technical Grid Registration
作品写真の上に建築図面のような十字線・寸法メモが順に現れる、建築実績向け画像ホバー。
Halftone Veil Photograph
画像を覆うドット状の網点がホバーで横へ流れ、画像の細部がすっきり現れる。
Travel-Stamp Photo Frame
画像の角に旅のスタンプが回転して現れ、旅行記や観光サイトの写真に情報を添えます。
Photo Coordinate Overlay
画像にカーソルを乗せると構図の測定線と撮影情報が現れる、建築・作品紹介向け。
Polaroid Note Lift
写真プリントが少し回転して持ち上がると、下に隠れた撮影メモが顔を出す。
Topographic Photo Lines
風景サムネイルに地形図の等高線が重なり、ホバー時に画像の情報レイヤーを演出する。