エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
カーソルにくっついてくる「マウスストーカー」の作り方【リンクに吸い付く】 | WEMO
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
カーソルにくっついてくる「マウスストーカー」の作り方【リンクに吸い付く】 | WEMO
マウスカーソルに半透明のドットが追従してくるようなサイトを見かけたことはありませんか? これを「マ... マウスカーソルに半透明のドットが追従してくるようなサイトを見かけたことはありませんか? これを「マウスストーカー」というらしいのですが、今回はこのマウスストーカーをjQueryなしのJavaScriptで作る方法をメモしていきます。 ただ単にマウスカーソルにドットがついてくるだけだと味気ないので、リンク(アンカータグ)にマウスホバーすると、そのドットが大きくなって吸い付くような演出も加えたバージョンで実装してみました。 今回作っていくマウスストーカーは以下のものです。(PCでみてね) See the Pen リンクに吸い付くマウスストーカー by ddryo (@ddryo-the-encoder) on CodePen. まずは単純なマウスストーカーを作成してみよう 半透明なドットがマウスカーソルについてくるだけの、シンプルなマウスストーカーを作成してみます。 【デモ】シンプルなマウスス