SpyreStudios

Web-Design and Development Magazine

  • Design
  • Showcase
  • Inspirational
  • Tutorials
  • CSS
  • Resources
  • Tools
  • UX
  • More
    • Mobile
    • Usability
    • HTML5
    • Business
    • Freebies
    • Giveaway
    • About SpyreStudios
    • Advertise On SpyreStudios
    • Get In Touch With Us

40 Great Examples Of Transparency In Website Design

November 15, 2010 by Jon 18 Comments

Transparency is one of those things that can really add depth and make a website design pop – when it’s done right of course!

We’ve collected 40 websites that make great use of transparency. Some of them are using transparent PNGs and others are using the CSS opacity property. Enjoy!

Go Life Church ↓

Go Life Church

Blurb Creative ↓

Blurb Creative

Russ Kirby’s Portfolio ↓

Russ Kirbys Portfolio

Behance ↓

Behance

The Greenhouse ↓

The Greenhouse

Brad Colbow ↓

Brad Colbow

Tony Chester ↓

Tony Chester

Antonio Floro Flores ↓

Antonio Floro Flores

Evodence ↓

Evodence

Music Addict Designer ↓

Music Addict Designer

Go 4 Events ↓

Go 4 Events

About Andrew Vickers ↓

About Andrew Vickers

Design Attik ↓

Design Attik

4mula Design ↓

4mula Design

Bressane ↓

Bressane

Aurelien Reaut ↓

Aurelien Reaut

Mint ↓

Mint

GoMedia ↓

GoMedia

Housing Works ↓

Housing Works

Lift UX ↓

Lift UX

Sam Brown ↓

Sam Brown

Bulls And Arrows ↓

Bulls And Arrows

Envato ↓

Envato

Guillaume Verdon ↓

Guillaume Verdon

Fix Outlook ↓

Fix Outlook

Line25 ↓

Line25

Digiglass ↓

Digiglass

Respiro Media ↓

Respiro Media

Imaginaria Creative ↓

Imaginaria Creative

Matt Zeilinger ↓

Matt Zeilinger

WWF ↓

WWF

WebMedia Design ↓

WebMedia Design

DemeadBlu ↓

DemeadBlu

Bertu’s Gym ↓

Bertu s Gym

Koko Digital ↓

Koko Digital

Inspiration in a Box ↓

Inspiration in a Box

Christine Galvin ↓

Christine Galvin

Untorock ↓

Untorock

Avalonstar ↓

Avalonstar

24 Ways ↓

24 Ways

Your Turn To Talk

I hope you liked this post! Please take a minute to chime in and tell us what you think. Any sites we missed? Make sure you drop a link in the comment section :)

Author: Jon

http://www.24alta.ru
Online roulette Canada.

Filed Under: Design, Inspirational, Showcase

Comments

  1. Anonymous says

    November 15, 2010 at 11:02 pm

    oooh! love it. Thanks for the list! Especially like Digiglass and Bulls & Arrows.

    Would like to humbly submit a couple more:
    http://www.thecivilianpress.com
    and http://www.lucky19branding.com

    Hope you like these too. :D

  2. Danielmirante says

    November 16, 2010 at 9:55 am

    http://www.lila.info has got some nice transparencies too

  3. Artica Studio says

    November 16, 2010 at 10:03 am

    Would like to humbly submit a my site:
    http://www.articastudio.com

    What do you think?

  4. Peter says

    November 16, 2010 at 10:03 am

    great examples. thanks a lot.
    A german website example: http://dublinskis.de

  5. Urviho says

    November 16, 2010 at 10:33 am

    Nice collection :) Thanks for inspiration :)

  6. Kenneth Cachia says

    November 16, 2010 at 3:14 pm

    Great list and thanks for featuring Bertu’s Gym :)

  7. Anonymous says

    November 16, 2010 at 4:31 pm

    Beautiful sites! I’m a big fan of transparency in web design. Thanks for posting.

  8. Joanna Ciolek says

    November 16, 2010 at 7:56 pm

    Love transparency. In fact I’m implementing it as often as I can, like here: http://www.bococreative.com/

  9. Gonzalo29 says

    November 17, 2010 at 4:30 am

    I Like This: http://www.atptennis.com

  10. Nikos lianeris says

    November 17, 2010 at 5:50 am

    very inspiring list!All of them are brilliant!Thank you for sharing!

  11. robert says

    November 18, 2010 at 4:41 pm

    http://www.sfeermakersstichting.nl/

    is nice

  12. Indian Sarees says

    November 19, 2010 at 6:04 am

    Awesome designs… thanks for sharing…

  13. Danish says

    November 19, 2010 at 9:47 am

    Thanks for including my web site :)

  14. jrieckmann says

    November 22, 2010 at 8:33 pm

    Excellent collection of sites. Thanks for the hard work!

  15. Prakash says

    December 4, 2010 at 12:36 am

    Good collection of designs.

  16. Anonymous says

    December 24, 2010 at 3:06 pm

    All hail the .png

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Please prove you're human *

Search SpyreStudios

Web Design Jobs

Development & Programming Jobs

Graphic Design Jobs

Computer & IT Jobs

UX Design Jobs

LiquidWeb

Level up professionally!

Coursera - Hundreds of Specializations and courses in business, computer science, data science, and more

Envato

SpyreStudios © 2021