smartparallax

<p><strong>SmartParallax</strong> adds smooth, GPU-accelerated parallax motion to WordPress blocks and sections.<br />
All effects are powered by CSS transforms combined with a lightweight JavaScript engine to ensure fluid performance on modern devices.</p>
<p>The plugin integrates seamlessly into any theme or page builder.</p>
<h4>Highlights</h4>
<ul>
<li>Smooth parallax motion based on scroll position</li>
<li>Background parallax via <code>.parallax-image</code></li>
<li>Container parallax via <code>.parallax-container</code></li>
<li>Horizontal motion using <code>.parallax-x</code></li>
<li>Speed modifiers (<code>parallax-3</code>, <code>parallax--05</code>, etc.)</li>
<li>Optional stop-sensitive behavior using <code>-s</code> modifiers</li>
<li>Automatic background-layer injection</li>
<li>GPU-accelerated transforms</li>
<li>Works with Gutenberg, Elementor, Bricks und mehr</li>
</ul>
<p>Full documentation, examples and demo pages available at:<br />
https://smartparallax.com/</p>
<h3>Available Classes</h3>
<p>  Class<br />
  Description</p>
<p>  <code>.parallax-image</code><br />
  Creates a moving background layer</p>
<p>  <code>.parallax-container</code><br />
  Moves an entire block or section</p>
<p>  <code>.parallax-x</code><br />
  Switches movement from vertical to horizontal</p>
<p>  <code>.parallax-(--)</code><br />
  Adjusts speed (e.g. <code>.parallax-05</code> or <code>.parallax--03</code>)</p>
<p>  <code>.parallax-[…]-s</code><br />
  Stop-Sensitive Motion: stops when element leaves viewport center</p>
<h3>License</h3>
<p>SmartParallax is open-source software licensed under the <a href="https://www.gnu.org/licenses/gpl-2.0.html" rel="nofollow ugc">GPLv2 or later</a>.</p>


Smart Parallax

Lightweight GPU-optimized parallax animation system for WordPress blocks and containers.

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.

Smart Parallax vs Particle Background