カーソルを中心にしてグラデーションが広がる

• 株式会社ニコンhttps://www.jp.nikon.com/company/design/

カーソルの位置を光源として、そこから光や色が広がっていくインタラクションは、ユーザーと画面との直接的な繋がりを感じさせます。自分の操作が画面に物理的な影響を与えているような感覚になり、探索的な楽しみを提供します。CSSだけではカーソル位置の取得ができないため、JavaScriptでマウス座標（e.clientX, e.clientY）を常時取得し、CSS変数（カスタムプロパティ）に渡してradial-gradientの中心位置を更新する実装になります。描画負荷が高いため、不要な計算を間引く最適化が重要です。