SaaS・業務
アバターグループ
共同編集者のアイコンが少しずつ重なって並び、末尾に「+N」で残数を表示。ホバー/タップで扇状に広がって全員が見える。
プレビュー
ホバー
操作カーソルを乗せると動きます（スマホはタップ）。
コード（コピーして使えます）
<div class="ag-wrap">
<p class="ag-cap">このドキュメントの編集者</p>
<button class="ag-group" id="ag-group" aria-expanded="false" aria-label="編集者を全員表示">
<span class="ag-ava" style="background:#2b50c7">佐</span>
<span class="ag-ava" style="background:#c0492f">鈴</span>
<span class="ag-ava" style="background:#2e9e6b">高</span>
<span class="ag-ava" style="background:#c779d0">田</span>
<span class="ag-ava" style="background:#d98a2b">伊</span>
<span class="ag-ava ag-more">+4</span>
</button>
</div>