特別なカーソルを使用してホバー時にテキストを変更します

Question

monopo の Web サイトと同様に、ホバー時にテキストを変更する方法を教えてください。背景なんて必要ないんです。必要なのは、単純な円形の効果 (色付きの背景など) とテキストの変更だけです。また、できれば「about」という名前のdiv内でのみエフェクトが有効になるようにしたいです。ウェブサイトへのリンク： https://monopo.london/

Answer 1

これを始めるための簡単な例を示します。

「ショット」のテキストは、本文の上の要素内にあります。マウスが移動するたびに、マウスの位置で円にクリップされます。背景が白なので、下の文字を隠しているように見えます。

リーリー