カーソルの動きに応じて背景の円が動く

マウスカーソルの動きに合わせて、背景にある円形オブジェクトが追従するパララックス（視差）効果です。手前のコンテンツとは異なる速度や方向で動かすことで、ブラウザの中に擬似的な奥行き空間を構築します。JavaScriptでマウス座標を取得し、CSSのtransformに値を渡します。カーソルの動きに対して少し遅れてついてくる「慣性」を持たせることで、浮遊感のある心地よい操作感になり、無機質な画面に有機的な触り心地をもたらします。

※参考サイトは公開を終了しましたが、アーカイブとして引き続き掲載いたします。