If you want to add visually appealing particle effects to your website’s background, you can easily do so with the Particle Background extension of the Responsive Elementor Addons plugin.
Responsive Elementor Addons plugin includes Particle Backgrounds for Elementor. This feature allows you to effortlessly add animated effects to a Section and column background without writing any code!
What is a Particle Background? #
Particle Backgrounds are animated javascript libraries that consist of different types of moving backgrounds. These particles can take on different shapes, such as polygons, triangles, circles, etc.
Additionally, you can also add images instead of particles. The best part is that they are interactive! The particles’ flow and density will change when users hover over them.
How to Add Particle Backgrounds to Elementor #
Step 1: Open the page or post with the “Edit with Elementor” button and click on Edit Section to access the Particles Background.
Step 2: In the Elementor editing page, click the Style tab and enable the REA – Particle Background feature option.
Step 3: You can select either a Custom or a Pre-Built style for REA – Particle Background effect.
With REA Particle background, you can quickly add particle effects to your website by choosing from various pre-built style options, including Polygon, NASA, Snow, Snowflakes, Christmas, Halloween.
Step 4: You can now create your own custom particles by clicking on Custom.
To create your own custom particles, click here.
Paste the JSON code you copied from the downloaded file into the designated field.
Step 5: You can also change the particle color and change the opacity of the particle by dragging the slider.
Step 6: Enable Advanced Settings to Number of Particles, Particle Size, Move Speed and and Hover Effect.
Once you’re done click on the Update button to save the changes.
Leave a Reply