メディア・画像
拡大鏡ルーペ
画像にホバーまたはタッチした位置を丸いルーペで拡大表示する。PCはマウス追従、スマホはタッチ移動に対応。
プレビュー
ホバー
操作カーソルを乗せると動きます（スマホはタップ）。
コード（コピーして使えます）
<div class="mg-wrap" id="mgWrap">
<!-- <img id="mgImg" src="..." alt="..."> に置き換えて使う -->
<!-- ここでは background グラデで代用 -->
<div class="mg-img" id="mgImg" role="img" aria-label="サンプル画像"></div>
<div class="mg-lens" id="mgLens" hidden></div>
<p class="mg-hint">ホバー / タッチで拡大</p>
</div>