Streaming live at 10am (PST)

Dynamic Hover treatment


#1

Hi Webbie's,

I am remaking a poster as a website, which is a dynamic version of the 12 angry men poster, the old poster you can see below. When you hover over the characters on the poster on the site. I want you to see the picture change to another picture with a different expression and a text blob somewhere with a bio of the actor. How can I make this?


Here is my public share link: LINK
(how to access public share link)


#2

Hi @Aimanisms this article may help you:


#3

Thanks @PixelGeek. This takes care of the text hover part. Even though I want the text to hover outside the element. But I can tweak that.

The question of the picture stays though. Do u have a solution for that one too?


#4

Nvm, such slow slow slow incomplete answers here always.


#5

Hey Aiman

What if lay two pictures on top of each other with absolutes and fade one out and the other in with interactions?


#6

Like this:

http://img-hover-effect.webflow.io/

In webflow: https://preview.webflow.com/preview/img-hover-effect?preview=886ff5ea55a1ec307ba78efd606498b9

(quick and dirty)


#7

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