Drop Cap Definition
見出しの頭文字が拡大して、小さな用語の定義が余白に表示される。
PRACTICAL WEB TIPS
Hover Effects
実際に動くWeb制作素材。プレビューで試して、HTML・CSSコードを確認できます。
使用対象から探す
ボタン・テキスト・画像など、実際に使う場所で分類しています。
適用中：用途: article
12 items条件に一致する公開素材
Margin Translation Whisper
本文の専門用語にフォーカスすると、行間に短い対訳が滑り込む。多言語・技術系記事用の小さな注釈です。
Side Note Paragraph
記事本文の注釈リンクにカーソルを乗せると、欄外の短い補足説明を引き出せます。
Editorial Pullquote Lift
記事の引用カードをホバーすると、引用元と参照リンクがスライドして現れます。
Glossary Card Reveal
本文内の専門用語をホバーすると短い用語解説カードを表示する、記事向けの軽量ホバー。
Correction Line Swap
編集前の語句を取り消し線で示し、ホバーで訂正後の見出しが置き換わるエディトリアル演出。
Chapter Label Rail
記事内ナビの省スペースな章番号がホバーで見出しラベルに展開するインデックス。
Margin Glyph Pop
段落末尾に隠れた装飾記号が飛び出し、記事リンクの余白を動きのアクセントに変える。
Bookmark Ribbon Emblem
ブックマークのリボンが折り返されたように変化し、保存操作への導線を目立たせるホバー。
Editorial Punctuation Swing
記事見出しの句読点・記号だけがホバーで動き、文字の可読性を崩さずアクセントを付ける。
Pagination Leaf Turn
ページ番号が小さくめくれるように切り替わる、記事一覧やギャラリー用ページ送り。
Caption Baseline Ladder
短い見出し下の3本の細線が順番に伸び、編集記事やコンテンツリンクの入口を印象づけます。