The Morph Background Slider widget for Elementor adds a captivating morphing transition effect to your section backgrounds, allowing you to create visually stunning and immersive designs. With extensive customization options, this powerful widget enhances your pages with smooth image transitions and advanced features like remote control integration and sync functionality. Whether you’re building creative layouts, landing pages, or dynamic backgrounds, the Morph Background Slider is a versatile tool to elevate your Elementor designs.
Let’s look at each of the options in the Morph Background Slider widget for Elementor below.
Add a Morph Background Slider Widget to Elementor
This widget requires Unlimited Elements PRO version installed and activated on your WordPress website.
Add Morph Background Slider to Elementor Page Section
Elementor Morph Background Slider customizable settings
Enable Sync and Remote
Enable this toggle to allow synchronization with other widgets or remote controls.
Sync Group
Assign a sync group name to link multiple background sliders together for coordinated transitions.
Remote Parent Name
Set the remote parent name to connect the widget remotely.
Transition Type
Select the background transition type from given options.
- Blend
- Displacement
- Noise
- Color Mix
Blend Effect
Select the blend effect from dropdown options.
- Blend Right
- Blend Left
- Blend Down
- Blend Up
- Blend Center
Enable Wave Distortion
Enable wave-like distortion effects for an organic and fluid background movement.
Distortion Effect
Select the distortion effect from given options.
- Wave Right
- Wave Left
- Wave Down
- Wave Up
- Wave Center
Autoplay
Turn on or off the autoplay option.
Transition Duration
Set the transition duration in milliseconds.
Transition Delay
Set the delay time between two transitions.
Multiple Slides
Add and manage multiple background images for the slider.
Set Background Location in Elementor Morph Background Slider
In some cases, you may want to move the background widget in front of your content. Determine the placement of the background by changing the setting to your liking.
In Background
Appear behind your content.
In Foreground
Overlay on top of content.
Site Body Background
Covers the entire page background globally.
Site Body Foreground
Overlay all site content (header to footer).
Layout Background
Restricted to a specific section/widget.
Layout Foreground
Overlay a single section/widget.
Usage Examples of Elementor Morph Background Slider
Here are some live use cases for the Morph Background Slider widget.
Morph Background Slider widget with blend effect.
Elementor Morph Background Slider for a Fitness Training Website.
Thank you for using the Morph Background Slider Widget for Elementor! With its smooth morphing transitions and dynamic background effects, this is the perfect tool for adding visual depth and animation to any section of your website. If you have any questions or need support, feel free to reach out. For more examples and inspiration, visit the live demo on our website.