Editorial Gallery Focus
ギャラリーの画像へホバーすると主役の写真枠が広がる編集系グリッド演出。
PRACTICAL WEB TIPS
Hover Effects
実際に動くWeb制作素材。プレビューで試して、HTML・CSSコードを確認できます。
使用対象から探す
ボタン・テキスト・画像など、実際に使う場所で分類しています。
適用中：用途: portfolio
69 items条件に一致する公開素材
Selectable Topic Chips
分類タグをホバーで強調し、クリックで複数選択できるCSSチップ。
Editorial Image Corners
画像の四隅だけに余白のある装飾フレームが現れる、作品ギャラリー向け演出。
Letter Wave Link
文字が一文字ずつ上下し、色が順番に変化するリンク演出。
Stacked Card Layers
背面に重ねたカードが少しだけずれて現れる、コレクション向けの演出。
Image Curtain Split
画像を覆う2枚のカーテンが左右へ開くビジュアル演出。
Perspective Photo Tilt
画像カードが遠近感を伴い少しだけ傾く、控えめな立体ホバー。
Card Spotlight
カード背景に柔らかなスポットライトが現れ、見出しとアクセント色が変化。
Dual-Line Text Flip
文字が上へ抜けると同じ文字が下から入る、行単位の入れ替え演出。
Image Color Restore
モノクロ写真からカラーへ移行する、制作実績・ギャラリー向けの演出。
Image Directional Pan
写真を拡大せず、窓枠の中で横方向にゆっくり移動させる画像演出。
Image Info Overlay
画像全体に半透明の情報レイヤーが現れ、タイトルと補足を表示。
Card Elevation
カード全体がわずかに浮き、影が深くなるサービス一覧向けの演出。
Card Content Reveal
タイトルだけのカードから、説明テキストが下から現れる情報追加型ホバー。
Tiny Tilt
わずかな回転で遊び心を加える。過度な動きにならない角度に調整。