- Open the page in the Elementor editor.
- Select the Ultimate Flipbox widget.
- Open the Content tab.
- Expand Layout Settings.
- Locate Animation Type.
- Choose an effect that supports direction settings.
- Locate Animation Direction.
- Open the Animation Direction selector.
- Choose Left, Right, Top, or Bottom.
- Preview the animation and click Update to save.
- For a Post Flipbox or Story Flipbox, select that widget and follow the same steps using its available controls.
When is Animation Direction available?
The current source shows Animation Direction for 3D Flip, 3D Flip Classic, Slide, 3D Diagonal Flip, Skew, 3D Fold, 3D Door, 3D Cube, and Fill Reveal. It is not configured to appear for None, Fade, Zoom, or Curtain ✨. If the control disappears, return to Animation Type and select one of the supported effects before looking for it again.
Preview and verify the direction
Test the selected direction with the actual text, icons, images, and buttons in the card. Direction changes how the effect moves; it does not replace the need to check card height and content readability. Preview the saved page at desktop and mobile widths.
Screenshot to add: the selected widget’s Content → Layout Settings panel with a supported Animation Type selected and all four Animation Direction choices visible. This is a placeholder, not a captured screenshot.
Related settings
Review the available animation effects before choosing a direction. For the 3D Flip effect, see Configure 3D Flip Depth; for speed, read Set Flip Animation Duration. You can also switch to click interaction.
Return to Animations and Interaction.