Design a 3D background with a parallax effect

Design a 3D background with a parallax effect

Using three layers of alpha transparent PNG files, we can can create a pseudo 3-dimensional looking background for a web page using the parallax effect. This video 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 web browsers. You'll see how to use TextMate, Adobe Photshop, Safari, and VMware Fusion for your CSS building on the Internet for web pages.

Hosted by ign.com
Creator's Site: www.css-tricks.com
Curated By: Pigeonchicken

Comments

Add your comment:

Deadly Crossbow (Made With Newspaper)

Mythbusters decided to test whether an inmate could "kill another inmate across the hall using a crossbow made of newspaper": "Jamie and Adam built separate crossbows for the myth and ...

World's Most Badass Swing Set

My stomach is doing somersaults just watching this. Looks fun, albeit incredibly dangerous. Take it down a notch (or fifty) and build an indoor swing this winter. Previously, Deeply Trusting Female ...

Jaw Dropping Trampoline Skills

Cirque Du Soleil look no further, Adam Menzies is your next act. This guy's trampoline skills are insane. My favorite part starts at 0:24. Speechless. Oh yeah. Almost forgot. Here Adam jumps up to the ...

Undulating LED Wave Sculpture

Beautiful LED sculpture made for the 2008 100% Design exhibition in Earls Court. Curious how it was made? Process images below the video. Previously, 24,000 LED Light-Up-My-Dress. LED Wand + RIFD ...

Robot Dance Off Gets Creepy

As November was coming to an end this year, the "6th Robo-One Gate in International Robot Exhibition 2009" dance competition took place. The contenders are just a little bit creepy, to say ...

loading...