Split Gallery Expansion
2つの画像パネルの比率が変化し、右側の作品が主役になるギャラリー表現。
PRACTICAL WEB TIPS
実際に動くWeb制作素材。プレビューで試して、HTML・CSSコードを確認できます。
ボタン・テキスト・画像など、実際に使う場所で分類しています。
適用中:使用対象: image / 動き: scale
2つの画像パネルの比率が変化し、右側の作品が主役になるギャラリー表現。
写真作品にホバーすると暗室のコンタクトプリント風の余白と撮影番号が現れます。
商品画像の右上に素材の質感を拡大した小窓が現れ、ディテールを確認できるホバー。
写真のホバーでコンタクトシートの縁とフィルム番号が現れる、作品一覧向けサムネイル。
横長写真の表示窓がホバーで右へ移動し、隠れていた風景と撮影情報を見せる。
画像の四辺から余白が現れ、内側にタイトルフレームが浮かぶギャラリーホバー。
画像の四隅だけに余白のある装飾フレームが現れる、作品ギャラリー向け演出。
画像の内側だけを拡大し、カードのレイアウトは動かしません。