Add cross-dissolve when switching between different hover images

Hi all,

I’m looking for some help with this full-screen background image thing we got going on here:
http://good-co.webflow.io/post

When you hover over one of the editors, a full screen bg image from their work is being displayed. My question is if there is any way to:

  1. Have one of the images “active” when the site is loaded, as opposed to a boring all black background now? If possible, maybe it’s a random image that starts out in background every time?

  2. Is it possible to have the images “cross dissolve” as opposed to go from Image->Black->New Image everytime you hover over a new image?

I know that’s how it is set up in the interactions right now, but I just haven’t figured out the “right” way to do it yet?

Here’s read-only link and the page in question is “Post”.

Thank you!

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.