Module 47 of 71
Divi Perspective Image that adds a third dimension.
Tilt screenshots and photos in 3D with perspective and rotation on every axis. Perfect for app and website mockups.
Rotate Y −28°
Rotate X 48°
Rotate Y 22°, Z −5°
What is the Divi Perspective Image module?
Perspective Image is a Divi 5 module in Divi Supreme Pro that shows an image tilted in 3D. Set the perspective depth and rotate the image around the X, Y and Z axes to get the angled look of a product mockup without editing the picture.
Add a colour overlay with an icon, always on or on hover. Link the image to a page, open it in a lightbox (or a different image), or turn it into a video popup. Align it and force full width when needed.
rotation axes
perspective range
click actions
custom code
Start from a Perspective Image recipe.
The recipes and the playground run on the front end. Use Preview, or open the page, to try them.
Try every Perspective Image setting.
The recipes and the playground run on the front end. Use Preview, or open the page, to try them.
Everything Perspective Image can do.
Rotate on three axes
Rotate X, Y and Z from −90° to 90° each.
Perspective depth
From dramatic to subtle, 0 to 1500px.
Mockups without editing
Angle real screenshots in the browser, so they stay sharp and editable.
Hover overlay
Colour overlay with an icon, always on or on hover.
Lightbox and video
Open the image or another one in a lightbox, or play a video popup.
Link anywhere
Send the image to any URL, in the same or a new tab.
Perspective Image documentation
Setup for Divi 5: image, perspective, X, Y and Z rotation, overlay, lightbox and video popup.
Questions about Perspective Image.
Next module, A to Z
Post Carousel Module
Related modules
Tilt Image Module
Images that tilt with the cursor.
Floating Multi Images Module
Layered floating images.
Scroll Image Module
Long images that scroll inside a frame.
Give flat images some depth.
Perspective Image comes with 70+ Divi 5 modules and 16 extensions in Divi Supreme Pro.