🧱 CSS3Dボードのスケール問題

素直な配置(推奨)
Midori Photo Art

幅300pxのまま配置。フォントのサブピクセルがそのまま保持される。

クリックも通り、pointer-eventsを切り替えやすい。

font-size: 16px blur score: 0.12
scale処理なし
5倍→1/5で相殺(旧実装)
Midori Photo Art

divの幅を1500pxに引き伸ばし、最後に1/5へ縮小。

フォントがぼやけ、クリック位置も0.2倍になる。

font-size: 16px blur score: 0.71
transform scale(0.2)
幅300pxのdivをそのまま配置した場合と、5倍にしたあとで1/5に縮めた場合の差をモックで可視化しています。blur scoreはCanvasに描画した際のラプラシアン分散を簡易的に測った値で、数値が大きいほど輪郭が滲みます。