Film Contact Sheet
写真のホバーでコンタクトシートの縁とフィルム番号が現れる、作品一覧向けサムネイル。
PRACTICAL WEB TIPS
Hover Effects
実際に動くWeb制作素材。プレビューで試して、HTML・CSSコードを確認できます。
使用対象から探す
ボタン・テキスト・画像など、実際に使う場所で分類しています。
適用中：動き: scale
47 items条件に一致する公開素材
Plus to Four Points
展開ボタンのプラス記号がホバーで4つの点へ分かれ、メニューの開閉を視覚的に示す。
Panoramic Photo Shift
横長写真の表示窓がホバーで右へ移動し、隠れていた風景と撮影情報を見せる。
Layered Project Index
ポートフォリオのプロジェクトカードがホバーで少しずれ、重なっていた番号札とカテゴリを見せる。
Layered Case Study Card
実績カードの背景パネルが横へずれ、写真と概要の奥行きを演出する立体ホバー。
Orbit Dot CTA
丸いCTAにマウスを乗せると、小さなドットがボタンの外周を半周して矢印へ合流する演出。
Menu Thumbnail Cue
ナビゲーション項目にホバーすると、その横へ小さな作品サムネイルが現れ、行き先を予告する。
Satellite Icon Badge
丸い機能アイコンの周囲に3つの小さな点が弧を描いて動き、視線を集める。
Inset Image Matte
画像の四辺から余白が現れ、内側にタイトルフレームが浮かぶギャラリーホバー。
Corner Number Lift
サービスカードの番号札が外へ持ち上がり、見出しラインが伸びる。
Product Detail Lens
商品写真にホバーすると部分拡大窓が現れ、素材感を比較できる。
Editorial Gallery Focus
ギャラリーの画像へホバーすると主役の写真枠が広がる編集系グリッド演出。
Calendar Date Highlight
カレンダーの日付を指すと空き状態を強調し、ラジオ選択で予約希望日を保持。
Coverage Area Selector
配達・訪問などのサービス対応地域を、エリア別に選択して確認できるUI。
Quantity Input Focus
数量入力のフォーカス状態を分かりやすくした、商品ページ向けの数値入力UI。
Process Step Connector
業務の流れに沿ってステップを強調する3段階のプロセスナビゲーション。
Star Rating Input
実際に星評価を選択できる入力UI。選択済み状態とホバー状態を見分けられる。
Booking Slot Selector
空き時間をホバーで確認し、ラジオボタンで選択できる予約時間UI。