WebMaestro.Fr

<p>Upload the layers of your image, and create a parallax effect !</p>
<p>It works great on smart devices too !</p>
<p>The first step is to create with your favorite picture editing software (<em>Photoshop</em>, <em>GIMP</em>…) an independent image for each ground composing your image. All these layers shall be the <strong>same size</strong>, and should be in <strong>.png</strong> format as they are meant to include transparency areas.<br />
Then, on your post editing page in WordPress, click the <em>Insert Media</em> button, and (the same way you would create a gallery) upload your layers under the <em>Create Parallax</em> item. Reorganise the layers if needed, from the background to the front.<br />
You can finally configure the animation (calibrate, invert, limit, scalar, friction), and publish !</p>
<p>There is <a href="http://webmaestro.fr/image-parallax-plugin-wordpress/" rel="nofollow ugc">some examples</a> on the plugin page.</p>
<p>It uses <a href="http://wagerfield.github.io/parallax/" rel="nofollow ugc">parallax.js</a> by Matthew Wagerfield.</p>


Image Parallax

Create images with a parallax effect. Upload some layers, configure the animation, and publish !

Aastha Solutions

ashvins

<p><iframe loading="lazy" title="Particle Background WordPress Plugin" width="750" height="422" src="https://www.youtube.com/embed/qsIpxJkeMBo?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<ul>
<li>Add your content on Particle Background it’s also support HTML.</li>
<li>A JavaScript plugin for snazzy background particle systems.</li>
<li>Works in any browser that supports HTML5 canvas.</li>
<li>You can customize as per your need using plugin shortcode,</li>
<li>Also manage Background Color, Dot Color, Line Color</li>
</ul>
<h4>Read about Shortcode:</h4>
<p>[particleground bgcolor=”#16a085″ dotcolor=”#5cbdaa” linecolor=”#5cbdaa”] Content Here [/particleground]</p>
<ul>
<li>bgcolor (optional) : set Background Color to full background. Default color is #16a085.</li>
<li>dotcolor (optional) : set Dot Color on Particle Background. Default color is #5cbdaa.</li>
<li>linecolor (optional) : set Line Color on Particle Background. Default color is #5cbdaa.</li>
</ul>
<h3>Credits</h3>
<ul>
<li>Particleground was inspired by http://requestlab.fr/ and http://disruptivebydesign.com/ and https://github.com/jnicol/particleground</li>
<li>For plain HTML use : https://github.com/jnicol/particleground</li>
</ul>


Particle Background

Particle Background is background particle systems with parallax effect also controlled by the mouse on desktop and mobile devices.

Image Parallax vs Particle Background