Good day folks,

I saw this site http://www.adhamdannaway.com/ and wondering how did he do the hovering thing in the home page. The one with his picture.

Can someone help me to figure this out. Thanks.

Recommended Answers

Looks like the effect you were working on, combined with a fixed background image.

Jump to Post

All 3 Replies

Looks like the effect you were working on, combined with a fixed background image.

What do you mean prit? Do you have the idea in your mind?

i was just looking in dev tools in chrome. it looks like 2 absolutely positioned divs side by side with each img as a fixed bg img. then testing where mouse pos is in relation to whichever side, the div's left/right position and width are animated.

so if on the designer side, the designer div's left and width increase whilst the coder div's right and width decrease and vise versa. oh and opacity changes as well

Be a part of the DaniWeb community

We're a friendly, industry-focused community of 1.20 million developers, IT pros, digital marketers, and technology enthusiasts learning and sharing knowledge.