Go here: http://www.adhamdannaway.com
Hover over the image horizontally as if you are dragging your cursor to extreme right or left, and the guy will just be changing with the typography ‘Designer’ and ‘Coder’.
Then open: http://www.adhamdannaway.com/contact
Wait for five second, the image will change. Then hover over the face of the guy and the former image will be revealed as if it’s a kind of lens.
How was this effect achieved. Again, did you notice how the pages load? Ajax? It seems jquery is really powerful and subtle.
I have tried play a little too, but my knowledge of JS and jQuery is primitive as a result my code too :) http://codepen.io/Kuzyo/pen/fzsiF
I have question why when I first hover over my red block width works fine but when I then hover over black nothing happens? Can somebody explain?