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

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 developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.