Using “Morph Background Slider Widger” you can add transition images with a morphing effect in the background of any Elementor section. The Morph Background Slider widget is customizable with many options to create an amazing background that suits your Elementor pages need. It also supports the advanced options like remote control widget and sync options.
Let’s look at each of the options in the “Morph Background Slider Widget” below.
Install Morph Background Slider Widget for Elementor #
This widget requires Unlimited Elements PRO version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Click on the Background Widgets option in the sidebar menu.
- Hover over the Morph Background Slider Widget and click install
Add Morph Background Slider to Elementor Page Section #
Select edit page section in Elementor>>>Go to Style tab>>>Go to Unlimited Background option>>>Select the background type as “Snow Background”
Morph Background Slider Settings #
Enable Sync and Remote
Turn on or off the sync option.
Sync Group
Choose the same group for two or more item-based widgets so they can sync together.
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/Disable the wave distortion function.
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.
Slide 1
Use the repeater field to add background images.
Set Background Location #
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.
- Background
- Foreground
Usage Examples #
Here are some live use cases for the Morph Background Slider widget.
Morph Background Slider widget with blend effect
