Photo Metadata Rail
作品画像の右端から縦書きメタ情報のレールが現れ、写真の上に余計な文字を重ねずに案内できる。
PRACTICAL WEB TIPS
Hover Effects
実際に動くWeb制作素材。プレビューで試して、HTML・CSSコードを確認できます。
使用対象から探す
ボタン・テキスト・画像など、実際に使う場所で分類しています。
適用中：使用対象: image
48 items条件に一致する公開素材
Diagonal Image Reveal
斜め方向にマスクが開き、写真の上に作品カテゴリーと詳細リンクが現れる。
Inset Image Matte
画像の四辺から余白が現れ、内側にタイトルフレームが浮かぶギャラリーホバー。
Alternate Product Photo
商品カードのホバーで正面写真から角度違いの写真へ自然に切り替える。
Editorial Image Corners
画像の四隅だけに余白のある装飾フレームが現れる、作品ギャラリー向け演出。
Image Curtain Split
画像を覆う2枚のカーテンが左右へ開くビジュアル演出。
Perspective Photo Tilt
画像カードが遠近感を伴い少しだけ傾く、控えめな立体ホバー。
Image Color Restore
モノクロ写真からカラーへ移行する、制作実績・ギャラリー向けの演出。
Image Directional Pan
写真を拡大せず、窓枠の中で横方向にゆっくり移動させる画像演出。
Image Info Overlay
画像全体に半透明の情報レイヤーが現れ、タイトルと補足を表示。
Image Zoom
画像の内側だけを拡大し、カードのレイアウトは動かしません。
Caption Reveal
画像ホバー時に説明を出し、コンテンツ一覧から詳細へ誘導します。