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 !

syarifstudio

<p>Advanced Addons extends the WordPress Block Editor (Gutenberg) and Elementor editor by providing powerful animation controls and custom CSS features without requiring Elementor Pro.</p>
<p>This plugin is designed to enhance workflow for users converting designs from tools like Figma or HTML into WordPress layouts, allowing flexible styling and animation directly inside the editor.</p>
<p>Key features include:</p>
<ul>
<li>Add custom CSS to Gutenberg blocks and Elementor widgets</li>
<li>Advanced animation controls for blocks and elements</li>
<li>Support for position, rotation, transforms, and motion effects</li>
<li>Lightweight and optimized for performance</li>
<li>Works alongside HTML-to-WordPress and HTML-to-Elementor workflows</li>
</ul>
<p>Whether you’re creating simple motion effects or complex interactive layouts, Advanced Addons helps you bring your designs to life directly within WordPress.</p>
<h3>Features</h3>
<h4>Animation Controls</h4>
<p>Add animations to blocks and widgets using visual settings, including:</p>
<ul>
<li>Transform animations (translate, rotate, scale)</li>
<li>Scroll-based effects</li>
<li>Custom animation properties</li>
</ul>
<h4>Custom CSS</h4>
<p>Extend styling without editing theme files:</p>
<ul>
<li>Add custom CSS directly in Gutenberg blocks</li>
<li>Add custom CSS to Elementor widgets without Elementor Pro</li>
</ul>
<h4>Editor Integration</h4>
<p>Built to integrate seamlessly with:</p>
<ul>
<li>WordPress Block Editor (Gutenberg)</li>
<li>Elementor editor</li>
</ul>


Advanced Addons – Animation and Custom CSS for Gutenberg and Elementor

Quite good

Add advanced animation controls and custom CSS capabilities to Gutenberg blocks and Elementor widgets.

Image Parallax vs Advanced Addons – Animation and Custom CSS for Gutenberg and Elementor