Show image below div on hover

0

Good afternoon,

I need to build an effect on a blog where when you hover over the pink div, it shows an image that is at the bottom of it. But I need to show this image only in the area where the lock is.

The layout is this one here. The part that I need the image to appear is only in the pink box at the top.

Basically, the lock icon would follow the cursor, and as you move the mouse, it will show the image.

Could you help me with references or a north of how to do?

I think you can do this with jquery or canvas, maybe even with a little css and js.

The structure is already set up, I just need to do this.

Thank you.

    
asked by anonymous 01.03.2017 / 17:30

1 answer

0

I was able to solve using an image like "mask" and a background fixed. Follow the site: link

    
06.03.2017 / 15:15