[Click here for the full effect. also hover over the bottom of the scrolling image for speed controls.]
The first time I saw this image, I was scrolling down the page, which is one of the most universal things that anyone anywhere does while browsing a site. I immediately “got” it. I decided to see what would happen with a little bit of CSS3 simple animation applied on a tiled background. And here we are.
SummerIsRad.com – Link to the specific post where I got this image from.
Learn about Moiré patterns on Wikipedia
Moiré on Flickr
Some little web design things I’ve been working on, to learn the ropes so to speak. #webnerd
CSS Color Scheme Changer
Dynamic Background Colors
By creating an event handler for the onmousemove event, we can easily style the background color of each div column based on the cursor’s coordinates. For more info and to try the demo, click the image:
Full-page backgrounds images
With a little CSS3, we can have background images that fill the entire screen as well as scale proportionately when the user resizes their browser window. For more info and to try the demo, click the image:
Some really good web design resources: