- Open the page in the Elementor editor.
- Select the Ultimate Flipbox widget.
- Open the Content tab.
- Expand Layout Settings.
- Locate Animation Type.
- Choose 3D Flip.
- Locate the 3D Depth control.
- Adjust the 3D Depth value.
- Preview the card and click Update to save.
- For a Post Flipbox or Story Flipbox, select that widget and check whether the same control is available.
Understand the available values
- Default: 50 px.
- Unit: pixels (px).
- Range: 0–150 px.
- Step: 10 px.
Try a few small adjustments rather than assuming the maximum will look best. The appropriate depth depends on the card dimensions and content. If you cannot find the slider, confirm that Animation Type is set to 3D Flip; the control is not a general depth setting for every animation.
Screenshot to add: the selected widget’s Content → Layout Settings panel with Animation Type set to 3D Flip and the 3D Depth slider showing its pixel value. This is a placeholder, not a captured screenshot.
Related animation guides
For other transitions, see Choose a Flipbox Animation Effect. To adjust the direction of supported effects, read Set the Flip Direction; to change timing, see Set Flip Animation Duration.
Return to Animations and Interaction for the related guides.