カーソル追従マスクの拡大による映像の鮮明化

• ReLoop Inc.https://re-loop.jp/

カーソルに追従する円の領域だけ背景の動画が鮮明に表示され、ホバー時にその円がさらに大きく拡大する演出です。初期状態のぼかし効果から、カーソル周辺だけがクリアに見えるため、画面を探索するような体験を提供し、ユーザーの視線をビジュアルに集中させられます。世界観へ没入させたい特設サイトやブランドサイトに最適です。実装はCSSのclip-pathやCanvasを用い、マウスの座標と連動させてマスク領域の半径をアニメーションさせます。