CSS3 Transparency

November 25, 2004

CSS3 is still a work in progress but I’ve been playing aroud with it nonetheless. You can probably tell that I think that CSS3 transparency is really, really cool. When it is fully supported it is going to allow for so much design flexibilty without having to use a single image.

If you are using a Mozilla based browser or Safari then the background of this post should be a transparent red. If you are using Internet Explorer you will only see a solid red.

If you are wondering how it is done then all you need is this:

#blah
{
opacity: 0.5;
}

It is worth noting you can do the same in IE with a bit of proprietry code which only IE will see.

#blah
{
opacity: 0.5; /* everything that supports CSS3 */
filter: alpha(opacity=50); /* IE */
}

You can decide if that is a good idea or not. :)

Filed under HTML/CSS

Comments on this article »

  1. it’d be great if i could actually read the grey text on red ;)

    where are u benny? no bloogy? are u riding ya bike somewhere?

    go trooper. go.

    Written by mik on the 9/12/2004

  2. yeah been on my bike for the last couple of weeks. no time for blogs atm but will do soon.

    Written by ben on the 9/12/2004

Leave a comment

Random articles

Designing with pencils and paper

December 22, 2006

I refer to myself as a designer but day in day out I find myself doing less of what most people would consider design. Nowadays most of the design I do is with lead pencils and scrap pieces of A4 or even with a word processor.
“But isn’t design about presentation?”
It sure is! But its also [...]

Web design survey, 2007

April 26, 2007

A List Apart is conducting a survey on the Web Design industry. The results should be interesting.
If you are a Website Designer and have a few spare minutes it would be worth filling in the survey.

Private Label Proteins website

June 1, 2006

I recently finished designing and developing a small website for Private Label Proteins.