Drop Cap Definition
見出しの頭文字が拡大して、小さな用語の定義が余白に表示される。
PRACTICAL WEB TIPS
Hover Effects
実際に動くWeb制作素材。プレビューで試して、HTML・CSSコードを確認できます。
使用対象から探す
ボタン・テキスト・画像など、実際に使う場所で分類しています。
適用中：動き: reveal
149 items条件に一致する公開素材
Opening Hours Reveal
店舗案内CTAをホバーすると、営業中の時間帯が折りたたみ式パネルで現れる。
Case Result Reveal
制作実績カードで成果数値をホバー時に下から展開する。
Split Gallery Expansion
2つの画像パネルの比率が変化し、右側の作品が主役になるギャラリー表現。
Directional Choice Menu
事業一覧メニューで、選択行の方向アイコンが回転し関連ラベルが出現する。
Input Format Guide
電話番号入力欄にフォーカス・ホバーすると入力例と形式ガイドが現れる。
Liquid Ring Button
ボタン内の小さな円が背景全体に広がる水滴状のホバー。ブランドサイトに。
Color Negative Spotlight
通常の写真がホバーでネガ調に変化し、円形の窓だけが元の色を保つ比較演出。
Perforated Poster Reveal
ポスターの切り取り線に沿って前面が抜け、裏側の作品情報が見える画像ホバー。
Agenda Sidecar Detail
イベント案内カードで日付パネルが横に開き、会場と開始時間を表示するホバー。
Chevron Curtain Action
左右のシェブロン形状が開いて文字を強調。採用ページやサービス案内の主ボタンに。
Verification Seal Card
認証済みの実績カードで検証シールと確認行が現れる。会社概要・資格表示向け。
Editorial Dotted Path Nav
見出しと右端の数字の間に点線が伸びる目次ナビ。長い記事・会社案内に。
Action Route Button
ボタンの下に出発点から次のステップまでの小さな経路が現れる。申し込み導線に進行感を付けます。
Margin Translation Whisper
本文の専門用語にフォーカスすると、行間に短い対訳が滑り込む。多言語・技術系記事用の小さな注釈です。
Exposure Proof Overlay
作品画像の上に露出補正ラインとミニヒストグラムを重ねる。写真ポートフォリオ向けのホバーです。
Shortcut Keycap CTA
詳細を開くCTAの横からキーボードショートカットが展開。業務アプリの操作を視覚的に案内します。
Course Lesson Preview
講座カードをホバーすると、所要時間と3つのレッスン項目が現れる教育サイト向け演出です。