Drop Cap Definition
見出しの頭文字が拡大して、小さな用語の定義が余白に表示される。
PRACTICAL WEB TIPS
Hover Effects
実際に動くWeb制作素材。プレビューで試して、HTML・CSSコードを確認できます。
使用対象から探す
ボタン・テキスト・画像など、実際に使う場所で分類しています。
適用中：使用対象: text ／ 用途: editorial
23 items条件に一致する公開素材
Tandem Word Highlight
見出しの3語が異なる方向から色面に押し出され、ホバー時に一斉に強調される。
Syllable Stair Link
3つの語句が階段状にずれながら浮上。短い見出しリンクに向くタイポグラフィ。
Twin Tempo Underline
2色の下線が反対方向から交差して現れるリンク。記事やトップナビ向け。
Side Note Paragraph
記事本文の注釈リンクにカーソルを乗せると、欄外の短い補足説明を引き出せます。
Ink Wash Text Mask
文字の内部だけをインクが左から満たすように変色。見出しや強調リンクに利用。
Stacked Annotation Headline
見出しの上に重ねた小さな注釈がホバーで持ち上がり、章題を際立たせる。
Bilingual Line Switch
日英併記のリンクをホバーすると補助訳が整列して現れ、主言語の下線と連動する表現。
Variable Weight Echo
見出しの複製レイヤーが少しずれて現れ、活字の太さが変わったように見せるタイポグラフィホバー。
Caption Bracket Link
記事見出しにカーソルを乗せると、左右の括弧が開き、文脈を補う短いキャプションが下から現れる。
Section Numeral Backdrop
見出しの背後に巨大なセクション番号が浮かび上がる、編集的なページ見出しのホバー。
Italic Word Tension
見出しの一語だけが斜体に傾きながら横へ伸び、文章のアクセントを付けるタイポグラフィ。
Editorial Punctuation Swing
記事見出しの句読点・記号だけがホバーで動き、文字の可読性を崩さずアクセントを付ける。
Windowed Highlight Phrase
見出しの一部分にだけ縦方向のカラーパネルが入り、文字を覆わず下から色が現れる。
Caption Baseline Ladder
短い見出し下の3本の細線が順番に伸び、編集記事やコンテンツリンクの入口を印象づけます。
Vertical Reading Marker
縦組みの短い見出しをホバーすると横組みの補足見出しが現れる、和文エディトリアル向けリンク。
Citation Footnote Bloom
記事の注釈番号をホバーすると、小さな書誌情報カードが横に開く引用リンク。
Ruby Note Reveal
見出しの上に小さな補足読み・英語ラベルが現れる。文字の読解を助けるホバー。