Very cool. I've noticed if you hover on say, the deer, then move you mouse up to the image above nothing happens. Also if you hover right below your last name, the picture above kinda goes crazy. Overall it's very good!
The fact we can do this stuff with nothing but CSS still blows my mind.
I love it, If only Chrome's anti-aliasing was working correctly, even basic transforms turn into a staircase, oh well it's something that will be fixed eventually.
I have been working away at a concept and have finally got it to a stage where I need some outside input. It uses no images other than the photos.
Here is the link: http://jsfiddle.net/sl1dr/7PKvm/show/ (will only work in a webkit browser).
I would love some feedback on the usability and any advice in regards to improving the code.
I'm not too worried about the way it degrades currently, I will most likely use Modernizr to solve that if I end up using it.
If you want to view the source: http://jsfiddle.net/sl1dr/7PKvm
Thanks in advance!
Overall it's very good!
Translate seams to move the content of the element, but not the element - so doesn't send the 'clickable' area sky high.
EDIT: Actually translate made no difference :( sorry.
And oh yeah, AWESOME!!!
I made it work and it helps the degradation issue to no end.
Thanks a tonne!
I love it, If only Chrome's anti-aliasing was working correctly, even basic transforms turn into a staircase, oh well it's something that will be fixed eventually.
Overall nice work :)