• 操作
  • グローバルナビゲーション

#global navigation 002

吹き出しで表示

参考サイトURL
動きの解説

アイコンやメニュー名にホバーすると、補足説明や詳細リンクが吹き出し(ツールチップ)として現れる動きは、限られたスペースを有効活用しつつ、親切な案内を提供できます。画面を専有せずに情報を付加できるため、クリーンなデザインを保ちたい場合に最適です。CSSの擬似要素(::before/::after)で三角形を作り、本体と組み合わせて吹き出し形状を作ります。画面端で吹き出しが見切れないよう、表示位置を動的に計算するロジックが必要になる場合があります。