canvas-particle-network icon indicating copy to clipboard operation
canvas-particle-network copied to clipboard

Is there a way to place particles in background?

Open jaymutzafi opened this issue 6 years ago • 4 comments

Something like this https://codepen.io/SebaGarciaM/pen/VeEXoj just with your look/motion etc'.

jaymutzafi avatar Mar 27 '18 00:03 jaymutzafi

This works for me: https://codepen.io/Matiboux/pen/ejxeML. I had to disable interactivity, as it does not work properly when the cursor is over the .container element.

I know it's late, you probably found something that works or an alternative, but I just found and used the project. So I though it'd be good to update this issue with a solution.

matiboux avatar Aug 11 '18 12:08 matiboux

Awesome, thanks!

On Sat, Aug 11, 2018 at 5:32 AM Matiboux [email protected] wrote:

This works for me: https://codepen.io/Matiboux/pen/ejxeML. I had to disable interactivity, as it does not work properly when the cursor is over the .container element.

I know it's late, you probably found something that works or an alternative, but I just found and used the project. So I though it'd be good to update this issue with a solution.

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/JulianLaval/canvas-particle-network/issues/11#issuecomment-412272268, or mute the thread https://github.com/notifications/unsubscribe-auth/AQuR_msiZEjIBsQ0npiFkQO9cGYF-otvks5uPs76gaJpZM4S8G34 .

jaymutzafi avatar Aug 11 '18 21:08 jaymutzafi

No problem! <3

matiboux avatar Aug 13 '18 13:08 matiboux

To fix the interactivity not working when particles are in a background div, add the following to the overlay div:

.overlay {
    pointer-events: none;
    ... other styles ...
}

ghost avatar Feb 07 '20 15:02 ghost