Flipbox is a widget using which you can show your content in a flip style format. It is very similar to an Info Box widget. The difference amongst them is just that Flipbox flips your content on hover. In Flipbox, content can be placed in both front and back side of the box.
How to use the Flipbox widget of The Plus Addons For Elementor
The Flipbox widget comes with two different layouts i.e. Listing and Carousel. Let’s understand how to use this widget in the tutorial below.
Search for the Flipbox Widget from the Elementor screen in the left and then drag and drop it into the content building area. After dropping the element, you will see three tabs i.e. Content, Style, and Advanced related to this widget. First, click on the Content tab.
Select the Layout of the Flipbox. You can select between Listing and Carousel.
Select the Flip type alignment here. It can be Horizontal or Vertical.
Specify the Box height here. Use the slider to set your height.
Set the Title for the Front Side here.
You can select Icon or Custom Icon Image using this option.
Select the Icon Font here. You can select FontAwesome or Iconsmind.
Select the icon from the Icon Library.
Add your content to display on the back side of the box.
Enter Description for the back side here.
The Style tab is used for customizing the appearance of all the Animated Service Boxes widget components. Let’s understand each of these customization options.
Set the Typography, Title Color, Color, Title top space, and Title bottom space for the for the Front Title here.
Set the Typography and Color for the Description here.
Set and enable the Box Border, Border Radius, Background Type, Overlay Background Color, and Box Shadow options here.
Set the Box Padding, Box Hover effects and Responsive Visibility here.
On Scroll View Animation
On Scroll View Animation Options are used to set beautiful animations to your sections. They are a common option for almost all the widgets. So, we have written a detailed tutorial explaining how to use these options.
View On Scroll View Animation Tutorial