Typesetter Tracking Gauge
見出しにホバーすると、文字間隔と同期した目盛りが展開するタイポグラフィー用の演出です。
PRACTICAL WEB TIPS
Hover Effects
実際に動くWeb制作素材。プレビューで試して、HTML・CSSコードを確認できます。
使用対象から探す
ボタン・テキスト・画像など、実際に使う場所で分類しています。
適用中：動き: expand
13 items条件に一致する公開素材
Triptych Focus Gallery
3連写真のうち、注目した画像だけが横へ伸びるギャラリー演出。作品一覧の閲覧に使えます。
Service Tier Accordion Card
サービスカードの下部が展開し、選べるプランを見せるホバー。
Footer Directory Expander
フッターのリンク見出しにホバーすると小さな関連リンクが横へ広がる。
Consent Detail Lift
チェックボックス付き同意欄にホバーすると補足事項が広がる、フォームの説明補助。
Citation Margin Capsule
記事本文の文献番号に触れると、狭い余白から出典の短い要約が横に開く。本文の流れを崩さない。
Expand-to-Label Icon
アイコンのみのコンパクトな操作ボタンがホバーで横に伸び、操作名を表示する省スペース表現。
Palette Unfold Portfolio Card
作品紹介カードの下から配色チップとHEXコードが段階的に現れる、デザイン実績向けUI。
Dot-To-Label Nav
縦に並ぶ小さなドットがホバー時に短い見出しへ展開する、ページ内ナビゲーション用のUI。
Sliding Measurement CTA
計測目盛りが伸び、数値が更新されたように見える設計資料向けCTA。
Alphabet Index Unfold
アルファベット索引をホバーすると該当文字の説明が横に現れる。
Citation Footnote Bloom
記事の注釈番号をホバーすると、小さな書誌情報カードが横に開く引用リンク。
Bento Feature Shift
ベン図風の3パネルがホバーで比率を変え、主役の機能を大きく見せるサービスカード。