The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Transparent png question

  • # September 4, 2008 at 2:21 pm

    Hello all.

    This is my first post on the forum.

    I would like to know how to create the transpareny png effect as shown on this site

    The way in which the container is transparent and you can see the background behind it whilst the page scrolls.

    Forgive me if this has been covered already, I hope to be here more often and join in with you all.



    # September 4, 2008 at 3:09 pm

    First you have to create a transparent png image in photoshop (or equivilent). Chris has provided a few you can use here

    Then watch Chris’ video ( as to how to put it into a website, so that every browser views it correctly

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed