Module 26 of 71
Divi Flipbox that hides a second side.
A card with a front and a back. Hover or click and it flips, slides, zooms or fades to reveal the other side.
Web design
From £2,400Flip
Turns over in 3D.
Flip
Slide
Organic
Locally grownZoom out
Front zooms away.
Zoom out
What is the Divi Flipbox module?
Flipbox is a Divi 5 module in Divi Supreme Pro that gives a card two faces. Each side has its own title, subtitle, text, icon or image, button and background.
Choose how it turns: Flip in four directions with an optional 3D effect, Slide from any side, Zoom In, Zoom Out with five variations, or Fade. Trigger it on hover, or on click of the whole card or just its button, at the speed you set.
transition types
flip directions
triggers
custom code
Start from a Flipbox recipe.
The recipes and the playground run on the front end. Use Preview, or open the page, to try them.
Hover or tap the card.
Try every Flipbox setting.
The recipes and the playground run on the front end. Use Preview, or open the page, to try them.
Everything Flipbox can do.
Two full sides
Title, subtitle, text, icon or image, button and background on each face.
Five transitions
Flip, Slide, Zoom In, Zoom Out and Fade, each with its own options.
Directions
Flip left, right, up or down. Slide from any side. Zoom out in five ways.
3D depth
Lift the content off the card while it flips.
Hover or click
Turn on hover, or on click of the whole card or only its button.
Speed and height
Set the speed, and a fixed or automatic height from the taller face.
Flipbox documentation
Setup for Divi 5: front and back content, transition type, direction, trigger, speed and height.
Questions about Flipbox.
Next module, A to Z
Floating Multi Images Module
Related modules
Card Module
A single content card with image and badge.
Image Hover Reveal Module
Reveal a second image on hover.
Tilt Image Module
Images that tilt with the cursor.
Give your cards a second side.
Flipbox comes with 70+ Divi 5 modules and 16 extensions in Divi Supreme Pro.