Comments on: How to Add Particle Backgrounds in Oxygen with Particles.js https://apexweb.io/adding-particle-backgrounds-in-oxygen-with-particles-js/ Web Development and Design Sat, 31 Oct 2020 01:01:55 +0000 hourly 1 https://wordpress.org/?v=5.7 By: Alec Gall https://apexweb.io/adding-particle-backgrounds-in-oxygen-with-particles-js/#comment-20 Sat, 31 Oct 2020 01:01:55 +0000 https://apexweb.io/?p=161#comment-20 You're welcome! Happy to help. 🙂

]]> By: Jose https://apexweb.io/adding-particle-backgrounds-in-oxygen-with-particles-js/#comment-19 Sat, 31 Oct 2020 00:55:26 +0000 https://apexweb.io/?p=161#comment-19 It works! Thanks Alec 🙂 appreciate it.
Keep the blog up

]]> By: Alec Gall https://apexweb.io/adding-particle-backgrounds-in-oxygen-with-particles-js/#comment-18 Fri, 30 Oct 2020 02:21:07 +0000 https://apexweb.io/?p=161#comment-18 In reply to Jose.

Hi Jose,

I think I figured it out. Try setting position: relative on your div with the id "divparticle". That should fix it! I'll add a little note about that in my guide as well. 🙂

As for the particles bouncing off the edges and such, you will need to configure that in the particles.js configurator. Set move > out_mode to Bounce.

]]> By: Jose https://apexweb.io/adding-particle-backgrounds-in-oxygen-with-particles-js/#comment-17 Fri, 30 Oct 2020 02:02:22 +0000 https://apexweb.io/?p=161#comment-17 Sure Alec, thank you again!
My site is tormo-studio.es, just starting it.
I inspected the element, and weight/height are setted to bigger numbers than my div size. I know I have to fix it somewhere but I don't know where exactly, maybe on particle webpage(Vincent Garraeu) before generating the json file. I have tried to play around oxygen components' properties but I got nothing.
I made a background video but I think its too big (4mb), so with this particle effect, result is almost the same. Yours is so good. I saw particles bounce with sides and it works on every size. I love its simplicity 🙂

]]> By: Alec Gall https://apexweb.io/adding-particle-backgrounds-in-oxygen-with-particles-js/#comment-16 Fri, 30 Oct 2020 00:01:13 +0000 https://apexweb.io/?p=161#comment-16 In reply to Jose.

Hey Jose,

You're welcome, and thank you! You may need to adjust the size and position of .particles-js-canvas-el. If you could send me a link to the site you're working on I could take a look at it for you.

]]> By: Jose https://apexweb.io/adding-particle-backgrounds-in-oxygen-with-particles-js/#comment-15 Thu, 29 Oct 2020 22:26:18 +0000 https://apexweb.io/?p=161#comment-15 Hi Alec, great tutorial!

Thanks for your sharing your knowledge.
I got the particle system working on my site, but I can't find out how to set the height to the div height. The particles go up and down to my others sections. I guess I have to modify something on the background-size property, but I can't find a solution. How did you get it?

]]>