smartparallax

SmartParallax adds smooth, GPU-accelerated parallax motion to WordPress blocks and sections. 
All effects are powered by CSS transforms combined with a lightweight JavaScript engine to ensure fluid performance on modern devices.
The plugin integrates seamlessly into any theme or page builder.
<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>
Full documentation, examples and demo pages available at: 
https://smartparallax.com/
<h3>Available Classes</h3>
 Class 
 Description
 <code>.parallax-image</code> 
 Creates a moving background layer
 <code>.parallax-container</code> 
 Moves an entire block or section
 <code>.parallax-x</code> 
 Switches movement from vertical to horizontal
 <code>.parallax-(--)</code> 
 Adjusts speed (e.g. <code>.parallax-05</code> or <code>.parallax--03</code>)
 <code>.parallax-[…]-s</code> 
 Stop-Sensitive Motion: stops when element leaves viewport center
<h3>License</h3>
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>.

Smart Parallax

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

WebMaestro.Fr

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

Image Parallax

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

Smart Parallax vs Image Parallax