Transparent Design

Scott mentioned about the site Bookofstyles.org on Tim Hu Blog(Tim is the newest focuser on the block). I followed that link and I discover something cool, something transparent..

The designer of that site is Firda Beka (an Indonesian!) and then I stumbled into her blog at Wannabegirl.
Ah transparency!! I have been very curios about this, but never got chance to figure out how it works. So I spent my half of my sabbath day to gather around information on how to do this (Is it lawful for me to do website stuff on sabbath?? :)).

I found out that there are two ways to achieve this look:
1. Create a transparent image and put it as a background.
2. Using IE-specific filter. (you would need to code something like this: filter : “alpha(opacity=80)”; on your CSS section. The code wouldn’t work with Netscape browsers, but if I saw someone mentioned something about mozilla-opacity thingy.. I don’t know.. I couldn’t be bothered to chase that up.

Obviously, the first approach is better because of portability issue. I am playing around with it now, it would be cool if I can do similar thing to my website..

Another trick under my belt.

3 thoughts on “Transparent Design

  1. claudine

    If you want to learn more tricks with CSS and web design stuff, A List Apart (www.alistapart.com) is excellent. Check out their past issues, they’ve got good articles on CSS, design, writing, etc.

Comments are closed.