Module 35 of 71
Divi Image Hover Reveal that slices on hover.
Hover the image and it breaks into strips that slide away one after another, then the picture eases back in. Four directions, set the height.
Slide down
Slide up
Slide right
Slide left
What is the Divi Image Hover Reveal module?
Image Hover Reveal is a Divi 5 module in Divi Supreme Pro that adds a sliced hover effect to an image. On hover the image splits into strips that slide out in sequence, and the full picture scales smoothly back into view.
Choose Vertical Slide Down, Vertical Slide Up, Horizontal Slide Right or Horizontal Slide Left, set the height, and style the image with Divi borders, shadows and filters. On mouse out, the strips slide back in reverse order.
slide directions
max height
image needed
custom code
Start from a Image Hover Reveal recipe.
The recipes and the playground run on the front end. Use Preview, or open the page, to try them.
Try every Image Hover Reveal setting.
The recipes and the playground run on the front end. Use Preview, or open the page, to try them.
Everything Image Hover Reveal can do.
Sliced effect
The image splits into strips that move one after another for a polished feel.
Four directions
Slide down, up, right or left.
Any height
Set the height from 1 to 1200px, with values per device.
Reverses on mouse out
Strips slide back in reverse order when the pointer leaves.
Works with SVG
SVG images get display fixes applied automatically.
Divi styling
Borders, rounded corners, shadows and filters on the image.
Image Hover Reveal documentation
Setup for Divi 5: image, height and slide direction.
Questions about Image Hover Reveal.
Next module, A to Z
Image Reveal Module
Related modules
Image Reveal Module
Reveal images with a scroll or hover wipe.
Block Reveal Image Module
A colour block wipes the image into view.
Image Accordion Module
Expanding image panels.
Make hovering worth it.
Image Hover Reveal comes with 70+ Divi 5 modules and 16 extensions in Divi Supreme Pro.