37 Brilliant Examples of Transparency in Web Design

by Tom Kenny (@tkenny)

Transparency in web design has been held back by IE6’s inability to display transparency in PNG files. Now that there are workarounds using javascript and the increasing lack of support for the aging browser transparency has become a viable option in web design.

All of the examples below make use of transparent PNGs.

Envato

envato

Fix Outlook

fixOutlook

Line25

line25

Sam Brown

samBrown

Inspiration in a Box

inspirationInABox

Postbox

postbox

Holdfire

holdfire

eleven3

eleven3

West City Hotel

westcityhotel

Evodence

evodence

Moradito

moradito

Brad Colbow

bradcolbow

Housing Works

housingworks

Lilly’s Table

illystable

Mateus Neves

mateusneves

Whitespace

whitespace

Freestyle BMX

freestylebmx

Christine Galvin Design

cgalvin

Aurelien Reaut

aurelien-reaut

Respiro Media

respiromedia

Silverback

silverback

Aislinn

aislinn

Design Attik

designattik

Avalonstar

avalonstar

Matt Zeilinger

mattzeilinger

Beak

beak

Bara’ Design

bara

Marmalade on Toast

marmalade

Russ Kirby

russKirby

Vitra Direct

vitradirect

HelloThemes

hellothemes

Piz’za-za

pizzaza

CSS Leak

cssleak

Carbonmade

carbonmade

Mint

mint

Perishable Press

perishablepress

Core

corebasis

Improve your design knowledge in just a minute or two a day, for free

with...

You'll get a free email every Monday to Friday with actionable design details that will increase the effectiveness of your designs. Each one only takes about a minute or two to read.

Free. No spam. Unsubscribe anytime.

by Tom Kenny

I’m a freelance web designer and front-end developer with 9 years of experience designing for the web. Follow me on Twitter here.