Perforated Poster Reveal
ポスターの切り取り線に沿って前面が抜け、裏側の作品情報が見える画像ホバー。
PRACTICAL WEB TIPS
Hover Effects
実際に動くWeb制作素材。プレビューで試して、HTML・CSSコードを確認できます。
使用対象から探す
ボタン・テキスト・画像など、実際に使う場所で分類しています。
適用中：動き: mask
18 items条件に一致する公開素材
Studio Contact Print
写真作品にホバーすると暗室のコンタクトプリント風の余白と撮影番号が現れます。
Curtain Slat Landscape
写真を5本のスラットに分割し、ホバーすると各帯がわずかにずれて奥行きを生む作品ギャラリー演出。
Negative Space Photo Lens
単色のオーバーレイに円形の抜き窓が広がり、隠れていた写真が現れる画像ホバー。
Soft Polygon Window
写真の角を柔らかい多角形に変形し、フレームの外周から作品番号を現すホバー。
Windowed Highlight Phrase
見出しの一部分にだけ縦方向のカラーパネルが入り、文字を覆わず下から色が現れる。
Halftone Veil Photograph
画像を覆うドット状の網点がホバーで横へ流れ、画像の細部がすっきり現れる。
Radial Nav Backplate
ナビゲーション項目の左側から円形の背景が広がり、見出しを浮かび上がらせるホバー。
Selective Blur Gallery
写真をぼかしながら中央の円形窓だけを鮮明に残す、ギャラリーの注目誘導。
Vertical Shutter Photograph
縦型の細いシャッターが順に開き、背面の別ビジュアルを見せる画像ホバー。
Split Offset Headline
同じ見出しの上下半分が左右にずれ、文字を変更せずに奥行きのあるホバーを作る。
Alternating Word Window
横長の文字窓の中で英単語が縦に入れ替わる。見出しの幅を動かさずテキストを演出。
Checkerboard Image Peel
9枚の小窓が順番に開き、背面の別配色のビジュアルを格子状に見せる。
Double Gate Reveal
ボタンの二枚のシャッターが上下に開き、中央のアクセント帯と矢印が現れる。
Duotone Photo Wash
ホバーで暖色のデュオトーンを外し、元の写真の自然な色を段階的に現すギャラリーカード。
Before After Hover Peek
写真比較のサムネイルで、ホバーするとBEFOREからAFTERの表示領域が左へ広がる。
Focus Aperture Image
画像の中央から円形の光が大きく広がり、暗い写真のディテールを浮かび上がらせる。
Diagonal Image Reveal
斜め方向にマスクが開き、写真の上に作品カテゴリーと詳細リンクが現れる。