When it comes to WordPress site design, it’s the details that make all the difference. Premium Addons introduces Elementor Animated Shape Divider Addon. Whether you’re working on containers or sections, this addon provides two primary shape divider sources. The first offers a selection of ready-to-use divider shapes. The second allows for the use of custom SVG shapes. Beyond the shapes themselves, users can adjust style options, alignment, and position to fit their design needs perfectly. This addon is easy, yet powerful to add animated divider in Elementor.
For a firsthand look at its capabilities, we invite you to visit our demo page.
Requirements:
- You will need Premium Addons free plugin installed and activated on your website.
- Make sure that the feature is enabled so you can find it in the Elementor editor.
- Premium Addons Pro is required for:
- Custom SVG
- Shape beyond 25 shapes.
- Left/Right Position.
- Fill Animated Shape Divider with Image and Gradient.
- Premium Addons works only with Elementor Page Builder plugin so you will need to have it installed and activated.
Elementor Animated Divider Addon
Navigate to Elementor section/container then enable Premium Animated Shape Divider Addon.
Key Features
- Content
- Style
Content
Source
You can select the Animated Shape Divider content source to be default shapes or Custom SVG
Please note that Shapes beyond Shape 25 option require Premium Addons PRO installed and activated on your website.
Default
- Shapes: Select the design of Elementor Animated Shape Divider.
Please note that Custom SVG option require Premium Addons PRO installed and activated on your website.
Custom SVG
- SVG Code: Add SVG code to be used by Elementor Animated Shape Divider Addon.
Please note that Left/Right Position option require Premium Addons PRO installed and activated on your website.
- Position: Enable repositioning of the element on the canvas.
- Short Axis (PX): Alter the element’s height in pixels.
- Long Axis: Modify the element’s width.
- Offset: Shift the element’s alignment from its original position.
- Animate: Activate or deactivate the element’s animation.
- Horizontal Flip: Reverse the element along its horizontal axis.
- Vertical Flip: Reverse the element along its vertical axis.
- Hide Shape On: Set conditions for the element’s visibility.
- Animate: Enable the animation feature.
- Prevent Stretch: Enable to animate the divider without distorting the SVG.
- Animation Speed: Change the speed of the animation, measured in seconds.
- Animation Direction: Pick the direction in which the animation moves, like ‘Alternate’.
Important: You may need to change Long Axis option value to fit your needs.
Style
Please note that Fill using Image or Gradient options require Premium Addons PRO installed and activated on your website.
- Fill: Select the body fill of Elementor Animated Shape Divider between Color, Image, or Gradient.
- Stroke: Select the border color of Elementor Animated Shape Divider.
- Stroke Width: Set the stroke width scale.
- Opacity: Adjust the opacity level of Elementor Animated Shape Divider.
- Z-Index: Add the Z-Index of Elementor Animated Shape Divider.
Conclusion
Elementor Animated Shape Divider addon by Premium Addons is a great tool to add animated border for containers in Elementor. It offers both pre-made and custom SVG shape dividers for containers and sections, all while granting users control over style, alignment, and positioning.
If you still need any further assistance, feel free to contact Premium Addons support team. We would be more than glad to help!
Join the Community
You’re most welcome to join our Facebook group and YouTube channel to get updates about new features, improvements, and bug fixes.
