1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Image cross fade on cursor hover. Possible?

Discussion in 'Free Divi Community Forum' started by Daniel H, Feb 2, 2026.

  1. Daniel H

    Daniel H New Member

    I've got a background image that changes to a different image on hover, but the effect is very abrupt. There's no smooth transition from one image to the other.

    Does Divi have a built-in way to achieve a cross fade upon hover or would this require custom CSS?
     
    #1 Daniel H, Feb 2, 2026
    1. PRO MEMBER PERKS Divi Login Customizer Plugin - Instantly beautify your Wordpress login page with 6 premade designs:Learn More
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Fading can only be achieve if you have 2 container with background image & set the top one to opacity 0 upon hover.

    What I could think of is that a section with a background image is entirely cover with 'position absoute' row with background image. And set the hover opacity CSS to achieve what you want.

    Or perhaps an easier way is to add the additional background image using the pseudo before element of the section.
     
    #2 Divi.Help, Feb 5, 2026
(You must log in or sign up to post here.)