A Showcase Of Transparency In Web Design: 18 Examples

Using transparent elements in web design started to become increasingly common in 2013. The fact that the improvements in CSS enabled designers to have much better control and freedom with this feature certainly had a lot to do with this growing trend and today designers only need one line of additional code to achieve this potentially stunning effect.

A significant amount of transparency is used as a back drop to typography to give it more emphasis and to break up the contrast with the background picture. It is also heavily used in moving sliders and to bring product images more to the fore. It must be said that the levels of transparency can be over done, especially when used for text which can make reading hard. The examples we have listed below do not fall in to this trap in our opinion and hopefully they provide some good inspiration for your own web designs using transparency. Click on the images to be taken to the sites.

Updated: 21st November 2013

Thought Bot

thoughtbot.com

Gavin Castleton

gavincastleton_thumb

Jan Finnesand.com/

portfolio14

Lukas Linden

portfolio04

Suavia

suavia_thumb

Design BLVD

designblvd

FlyWheel (Previous Website Design)
flywheel

Ultama Vez
ultima

Medialink

medialink

Bullhead

Bullhead

Unknown Croatia

 

He and She Photography

He and She Photography

Marmoset

Marmoset

JoyLab
JoyLab

La robe fendue

La robe fendue

Greats Brand

Greats Brand

Desktime App

Desktime

Tom Edwards

Tom Edwards