ホバーエフェクト
フラッシュライト追従
暗闇に隠れた内容を、カーソル周りだけ懐中電灯で照らして読ませる。CSS mask の円形グラデで“穴”を開けて実装。
プレビュー
ホバー
操作カーソルを乗せると動きます（スマホはタップ）。
実装メモ
マスクの円形グラデの中心を CSS 変数 --x/--y で動かしています。実ページでは要素サイズに合わせて半径(下のpx)を調整してください。タッチ端末ではドラッグで照らせます。
コード（コピーして使えます）
<div class="fl-card">
<div class="fl-content">
<p class="fl-title">SECRET</p>
<p class="fl-text">カーソルで照らすと<br>文字が浮かび上がる</p>
</div>
<div class="fl-shade"></div>
</div>