flip boxes

Flip Boxes

This is a flip box

Hover over me to flip me over.

This is the back of the flip blox

I have a button on the back to take the user somewhere else. Cool, huh?
Click Here

This is a flip box

Hover over me to flip me over.

This is the back of the flip blox

I have a button on the back to take the user somewhere else. Cool, huh?
Click Here
This is the Flip Box effect, and it is easy and fun to create.
  1. Add a section with as many columns as you need (one for each flip box).
  2. Drag the Flip Box widget onto the first column. Select its icon, add the titles and descriptions to the front and back of the card, and add button text and url to the back of the card. You can also adjust the settings to change the Flip Effect, Flip Duration, and 3D Depth.
  3. On the Style tab, adjust the background, typography, colors, and spacing of both the front and back of the box. I recommend getting one flip box completely set up exactly the way you like it, so you can more easily and quickly set up the rest. Once the first one is just right...
  4. Duplicate the flip box as many times as needed, and drag each duplicate box into the still empty columns.  Now, edit the icons and text of each.

Share With Friends

Leave a Comment