Split Gallery Expansion
2つの画像パネルの比率が変化し、右側の作品が主役になるギャラリー表現。
PRACTICAL WEB TIPS
Hover Effects
実際に動くWeb制作素材。プレビューで試して、HTML・CSSコードを確認できます。
使用対象から探す
ボタン・テキスト・画像など、実際に使う場所で分類しています。
適用中：使用対象: image ／ 用途: portfolio
32 items条件に一致する公開素材
Perforated Poster Reveal
ポスターの切り取り線に沿って前面が抜け、裏側の作品情報が見える画像ホバー。
Triptych Focus Gallery
3連写真のうち、注目した画像だけが横へ伸びるギャラリー演出。作品一覧の閲覧に使えます。
Studio Contact Print
写真作品にホバーすると暗室のコンタクトプリント風の余白と撮影番号が現れます。
Color Lab Sample Scan
素材見本の半透明な色版が移動し、ベース素材と仕上げ色を比較できるホバー。
Print Corner Curl
写真プリントの隅がめくれ、撮影情報が裏面から現れるホバー。
Curtain Slat Landscape
写真を5本のスラットに分割し、ホバーすると各帯がわずかにずれて奥行きを生む作品ギャラリー演出。
Photo Contact Strip Lift
横並び写真の一枚をホバーすると上方向へ持ち上がり、作品名と日付ラベルが現れるギャラリー演出。
Tiled Panorama Contrast
同じ風景を3枚の切片に分け、ホバーした切片だけ鮮やかになり、細いインデックス線が現れる。
Soft Polygon Window
写真の角を柔らかい多角形に変形し、フレームの外周から作品番号を現すホバー。
Panorama Slice Parallax
1枚の風景を3つの短冊に切り分け、ホバーすると各パネルが奥行きを変えてずれる画像演出。
Folded Photo Index
写真の右下隅が紙のように折れ、作品番号と補足情報が現れるポートフォリオ用画像ホバー。
Technical Grid Registration
作品写真の上に建築図面のような十字線・寸法メモが順に現れる、建築実績向け画像ホバー。
Crop-Shift Portfolio Frame
画像の枠は固定したまま、ホバー時だけ写真の見せる範囲を横方向へ移動する作品カード。
Color-Band Photo Scan
モノクロ写真が5つの縦帯に分かれて順番にカラーへ戻る、作品一覧向けのホバー演出。
Selective Blur Gallery
写真をぼかしながら中央の円形窓だけを鮮明に残す、ギャラリーの注目誘導。
Photo Coordinate Overlay
画像にカーソルを乗せると構図の測定線と撮影情報が現れる、建築・作品紹介向け。
Vertical Shutter Photograph
縦型の細いシャッターが順に開き、背面の別ビジュアルを見せる画像ホバー。