Button Border Animation Element for Bricks

Table of Contents

With this element, you can add a beautiful border animation on a button.

Required Setup

  • Bricks Builder installed & activated.
  • You need to have the WDesignKit plugin installed and activated.
  • Make sure you’ve created an account and logged into it.
  • Make sure you’ve downloaded the Button Border Animation element.

How to Activate the Button Border Animation Element?

Go to 

  • WDesignKit → Widgets. 
  • Search the element name and select Bricks as the Page Builder.
  • Click on the Download icon.

How to Use the Button Border Animation Element in Bricks?

Add the Button Border Animation element to the page.

In the Text field, you have to add the button text.

Then from the Select Icon section, you can add an icon to the button.

You can align the button for responsive devices from the Alignment section.

Then in the Url field, you can add different types of links to the button.

From the Style tab, you can change the animated border color, size along with other styling options.

AUTHOR
Sagar Patel
CEO
icon
10+ Years Experience

Sagar is the Founder & CEO of POSIMYTH Innovations, with 10+ years building WordPress products trusted by 100,000+ websites globally. He has led the development of The Plus Addons for Elementor, Nexter, WDesignKit, and UiChemy, all built hands-on from concept to launch. His work focuses on making website building faster, more flexible, and accessible for creators and businesses worldwide.