The “Animated Floating Elements Background” lets you add dynamic, floating visuals to any Elementor section. These elements gently move across the background, bringing a modern and interactive touch to your design. You can customize various settings, including opacity, movement speed, border radius, and direction. This level of control allows you to tailor the animation to fit your website’s aesthetic perfectly. It’s an ideal solution for adding visual interest, depth, and motion with ease.
Let’s explore the features of the “Animated Floating Elements Background” below.
Add Animated Floating Elements Background Widget to Elementor
This widget requires Unlimited Elements PRO version installed and activated on your WordPress website.
Go to Unlimited Elements and click "Background Widgets".
Search for "Animated Floating Elements Background" in the widget library.
Hover over the widget and click Install.
Add Animated Floating Elements Background to Elementor Section
Click edit container in Elementor.
Go to the "Style" tab.
Click on "Unlimited Background".
Select the background type “Animated Floating Elements Background“.
Elementor Animated Floating Elements Background Settings
Square BG
Choose the background color of the floating squares to match your theme.
Square Opacity
Adjust the transparency level (e.g., 0.2) to create a subtle or bold visual effect.
Speed
Control how fast the elements move across the screen.
Border Radius
Define how rounded the corners of each square are.
Movement Direction
Choose the direction in which the elements float (e.g., “Up”) to align with your site’s visual flow.
Set Background Location in Elementor Animated Floating Elements Background
Set the background location.
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.
Animated Floating Elements Background Design Examples For Elementor
Here are some live use cases for the Animated Floating Elements Background Widget
Video Play Button with Elementor Animated Floating Elements Background
Random Image with Elementor Animated Floating Elements Background
Thank you for using the Animated Floating Elements Background widget for Elementor! With its customizable floating effects, smooth motion, and dynamic visual enhancements, this is the perfect solution for adding life and engagement to your website sections. It’s ideal for boosting visual appeal and creating an interactive user experience. If you have any questions or need assistance, feel free to reach out to us. For more examples and inspiration, check out the live demo on our website.
