In this documentation, we will discuss the customization of the SVG Blob widget, brought to you by Element Pack Pro.
Open your page in the Elementor editor, search by the widget name, and then drag-drop it on the page.
The default view of SVG Blob
The default view of the blob has a placeholder image on the canvas along with the in-motion blob animation. You can change the defaults in seconds and make colorful content anytime.
Content tab customizations
Blob Content section
Go to Content > Blob Content
First, find the Select Type (Image, Color, & Gradient Color) option.
Select the image option and then choose your target image. Find the Image Size option right below.
Then find the Select Shape Style (10 pre-defined shapes) option.
Then find the Loop, Duration, Delay, and End Delay options.
Style tab customization
Blob Style section
Go to Style > Blob Style
Find the Width, Height, Opacity, and CSS Filters options.
By Following the instruction you will be able to make an interactive Blob widget.
Watch this quick video to know about the SVG Blob widget. Please visit the demo page for examples.
Thanks for being with us.