37 Brilliant Examples of Transparency in Web Design

  • Tom Kenny

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