I recommend using a Webkit browser [and you can see an alternate version of the animation on Firefox 4].
[1] http://labs.dragoninteractive.com/panel/demo/
I'm such a man and mostly can't read that page.
the rest of the page actually is grey.
The entire design COULD use a little bump in contrast to aid readability though
However I agree about the contrast, I checked on my external dev monitor (vs. my super bright MBP screen) and the contrast could definitely use some work.
Partial red-green color blindness is very well understood. Nearly all colors that should be distinct still are but, yes, apparently I don't see fire engines and carrots just the same!
Cool use of animation.
http://dl.dropbox.com/u/145404/demo.html - submit inside the <form>
Awesome job man.
Also, I am not a man. But thanks!
Yeah I just checked it on my iPad and it looks nice.
It is very hot.
Are you also creating the 'Log in' button with CSS3? It's a little off on my screen. Browser is Chrome 9 on Windows 7: http://imgur.com/E9tif
Chrome 11 (beta-latest): renders properly
It's much like Google's homepage fade, which was originally added to draw attention to the search box (the primary focus of the page) and remove the distractions of the other links. The problem was that it fired almost all the time, and whenever there's an animation going on, your attention is drawn to the animation and away from whatever it is that you were doing. It ends up being counterproductive to animate parts of the page in order to highlight other, static parts of the page.
I wanted to see how close I could get using CSS3 without any images.
I recommend using a Webkit browser [you can also see an alternate implementation using Firefox 4]
Scrolling the background image position with javascript can be really slow on even recent browsers, pushing the CPU when software rendering. Mobile Safari also shows image "seams" between mask images when zoomed out.
I quite like the whole effect, though.
That said, I've actually been pretty pleased performance-wise, I expected worse.
This is cool-looking, for sure.
Great work.
I'm outside on a laptop and can hardly read the grey text though.
