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.
GeekPlease 16 Junior Poster
pritaeas 2,194 ¯\_(ツ)_/¯ Moderator Featured Poster
Looks like the effect you were working on, combined with a fixed background image.
GeekPlease 16 Junior Poster
What do you mean prit? Do you have the idea in your mind?
theHop 18 Newbie Poster
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.