Messenger Icon

How to create 3D Flip Button with WordPress Bricks Builder

Table of Contents

Element Creator produced a flip button animation effect using basic HTML and CSS. This effect will display a flip animation with a 3D look whenever the user hovers over a button.

Tutorials

Trigger element

Access Piotnet Bricks Dashboard, click on ” Add Element Creator”, hover on “Flip Button” Demo, and use element.

Flip Button 1

In Bricks Editor, click “Save button” to trigger this element.

 
Flip Button 2

This Bricks Element will be stored in “All Elements Creator”

Flip Button 3

Set up element

In your Bricks Editor, search and pick this 3D Flip Button

 
Flip Button 4

General Settings

You can edit the titles of the Front and Back Sides or embed a Link here

Flip Button 5

Style Controls

To customize the Style of Text and Button:

  • Front Text Color
  • Front Background Color
  • Back Text Color
  • Back Background Color
  • Padding
  • Typography’s parameters
Flip Button 6

Related Features and Reference Sources