I am a markup newbie and wanted to create some shapes like spider net around mouse cursor using javascript, jquery or even better, pure css (I doubt it is possible).

An exactly example is:

/

Do you see shapes when you move your mouse cursor? What are these and is there any jquery plugin to do this?

thank you.

I am a markup newbie and wanted to create some shapes like spider net around mouse cursor using javascript, jquery or even better, pure css (I doubt it is possible).

An exactly example is:

http://whois.domaintools.com/

Do you see shapes when you move your mouse cursor? What are these and is there any jquery plugin to do this?

thank you.

• javascript
• jquery
• html
• css

• 1 not a css/js expert, but I would say that you need to be able to generate visuals like this first . the location is not important. And then track where the mouse cursor is and place it there. – Shashank Shekhar Commented Feb 17, 2015 at 17:43
• Just look into the source of the page. It likely contains some java stuff – qwerty_so Commented Feb 17, 2015 at 18:10
• Hey guys Thats HTML5 CANVAS <canvas id="spiders" class="hidden-xs" width="1366" height="398"></canvas> – Nadeemmnn Mohd Commented Feb 17, 2015 at 18:15
• 1 The effect you linked looks like it could be ParticlesJS with a blur filter and a circular mask around the cursor. – Scott Commented Feb 17, 2015 at 19:01
• Is that site actually using ParticlesJS itself? I'm not sure how you could get it to be centred around the cursor using ParticlesJS (unless they've customised the code?) – NickG Commented Jul 16, 2019 at 9:58

1 Answer 1

I had used an a library for this. Here's the link to it: https://github.com/VincentGarreau/particles.js

It's just what you want. Happy coding!