Submenu Peek
ホバーまたはキーボード操作で小さなサブメニューが展開する、実務向けのナビゲーション。
PRACTICAL WEB TIPS
Hover Effects
実際に動くWeb制作素材。プレビューで試して、HTML・CSSコードを確認できます。
使用対象から探す
ボタン・テキスト・画像など、実際に使う場所で分類しています。
適用中：動き: slide
121 items条件に一致する公開素材
Image Curtain Split
画像を覆う2枚のカーテンが左右へ開くビジュアル演出。
Floating Label Field
入力欄へのホバー・フォーカスで枠が変化し、ラベルが上へ移動する実用フォーム。
Elastic Chevron
小さな矢印が伸び縮みして前進する、案内リンク向けのマイクロアニメーション。
Arrow Pass Through
丸い矢印アイコンが一度外へ抜け、反対側から現れるCTA演出。
Dual-Line Text Flip
文字が上へ抜けると同じ文字が下から入る、行単位の入れ替え演出。
Nav Background Wipe
メニュー文字の背後にカラー帯が下からせり上がるナビゲーション。
Image Directional Pan
写真を拡大せず、窓枠の中で横方向にゆっくり移動させる画像演出。
Card Elevation
カード全体がわずかに浮き、影が深くなるサービス一覧向けの演出。
Card Content Reveal
タイトルだけのカードから、説明テキストが下から現れる情報追加型ホバー。
Gentle Lift
少し上昇して柔らかな影を追加。クリック可能な要素を自然に示します。
Color Sweep
背景色を左から展開。文字を前面に固定し読みやすさも確保。
Arrow Motion
文字は固定し、矢印だけ動かす。情報設計上の意味が明確な演出です。