New Screencast: Starry Night

By: Chris Coyier on March 14th, 2008 — Posted in: News

I’ve been kind of infatuated with this parallax background thing lately, so I thought I’d try and get it out of my system by doing this weeks screencast about it.

Using three layers of alpha transparent PNG files, we can can create a pseudo 3-dimensional looking background for a web page. This screencast covers how to do that from start to finish. Since Internet Explorer 6 and under do not support alpha transparency in PNG’s, this screencase also covers how to create a warning message that will display only in those browsers.

I actually managed to not screw this one up, so it’s the normal 800×600 size. I also freshened up the videos page so hopefully it’s a little cleaner, easier to read, and more useful. Also check out the CSS-Tricks Screencasting Headquarters.

Theoretically Related Articles:

Responses

1

Nice one!
Keep the good work up!
Good luck

Comment by Farrhad — March 15, 2008 @ 2:50 am
2

It’s awesome, I won’t lie.. but damn if that isn’t one hell of an easter egg. LOL!

Erika
Miami Web Design

Comment by Erika — March 16, 2008 @ 8:55 pm
3

Cool trick Liked the video.

Comment by Edwin — March 17, 2008 @ 3:58 am

Thank you for visiting CSS-Tricks! I'm glad you found an article useful enough to print out! Remember to visit css-tricks.com often for more fresh content.