Drop Cap Definition
見出しの頭文字が拡大して、小さな用語の定義が余白に表示される。
PRACTICAL WEB TIPS
Hover Effects
実際に動くWeb制作素材。プレビューで試して、HTML・CSSコードを確認できます。
使用対象から探す
ボタン・テキスト・画像など、実際に使う場所で分類しています。
適用中：使用対象: text ／ 動き: reveal
23 items条件に一致する公開素材
Margin Translation Whisper
本文の専門用語にフォーカスすると、行間に短い対訳が滑り込む。多言語・技術系記事用の小さな注釈です。
Side Note Paragraph
記事本文の注釈リンクにカーソルを乗せると、欄外の短い補足説明を引き出せます。
Baseline Echo Headline
太い見出しの下に小さな復唱テキストが現れ、背景ラインが移動する演出。
Stacked Annotation Headline
見出しの上に重ねた小さな注釈がホバーで持ち上がり、章題を際立たせる。
Glossary Card Reveal
本文内の専門用語をホバーすると短い用語解説カードを表示する、記事向けの軽量ホバー。
Bilingual Line Switch
日英併記のリンクをホバーすると補助訳が整列して現れ、主言語の下線と連動する表現。
Caption Bracket Link
記事見出しにカーソルを乗せると、左右の括弧が開き、文脈を補う短いキャプションが下から現れる。
Section Numeral Backdrop
見出しの背後に巨大なセクション番号が浮かび上がる、編集的なページ見出しのホバー。
Margin Glyph Pop
段落末尾に隠れた装飾記号が飛び出し、記事リンクの余白を動きのアクセントに変える。
Windowed Highlight Phrase
見出しの一部分にだけ縦方向のカラーパネルが入り、文字を覆わず下から色が現れる。
Vertical Reading Marker
縦組みの短い見出しをホバーすると横組みの補足見出しが現れる、和文エディトリアル向けリンク。
Inline Glossary Rail
専門用語のリンクにホバーすると横に定義ラベルが滑り出す、技術記事向け表現。
Citation Footnote Bloom
記事の注釈番号をホバーすると、小さな書誌情報カードが横に開く引用リンク。
Ruby Note Reveal
見出しの上に小さな補足読み・英語ラベルが現れる。文字の読解を助けるホバー。
Dot Matrix Baseline
リンクの文字下にドットが左右へ順番に現れ、読みやすさを保ちながら選択状態を伝える。
Typographic Side Index
記事リンクにホバーすると、大きな番号が横から滑り込み、見出しの区切り線が伸びる。
Outline to Ink
線だけの大型英字がホバーで塗りつぶされ、背景のアクセント線も伸びる見出し演出。