Content

Follow Me on Twitter!

December 3, 2009

Transparent PNG is out, RGBa is hype

Filed under: Blog — Tags: , — Karin Christen @ 8:14 am

The time where websites were full of transparent PNG images and PNG fixes is over!

CSS3 is featuring RGBA! Just write your rgb colour code and add the transparancy:
rgbacode

RGBA Browser-Support:
Like a lot of the features, RGBA is supported by a lot of the newest browsers, but not the rest. Firefox, Safari, Chrome and Opera browsers all support RGBA, but Internet Explorer does not. Fortunately, we can specify RGBA colours for browsers that support it and an alternative for browsers that do not.

Do the Fallback!
The simplest technique is to allow the browser to fall back to using a solid colour when opacity isn’t available.
rgba_fallback

read more about RGBA and its pro’s here:
http://24ways.org

Footer