こんにちは、ウェブラボクリエイターズメモです。 ネットサーフィンをしていると稀に見かける、マウスカーソルからキラキラが降り注いだり、マウスカーソルに何かがついてきたりするやつ。いわゆる「マウスストーカー」。 サイトのデザインにアイデンティティを持たせるだけでなく、マウスカーソルの見失い防止や、押せるボタンの強調などにも役立ちます! マウスカーソルのカスタマイズやマウスストーカーの作り方を4種類ご紹介します。 マウスカーソルの変更 遅れてついてくるマウスストーカー 速く動かすとデカくなるマウスストーカー キラキラ降りそそぐマウスストーカー 1.マウスカーソルの変更 マウスカーソルを、矢印ではなく画像など別の要素に置き換えます。 DEMOをご覧ください。aタグホバー時に強調したりすることもできます。 DEMO 必要なHTML <body> <!--body直下にカーソルとなる要素を配置-->