Lassan nyugodt szívvel mondhatni hogy az összes mai modern böngészők (Safari, Chrome, Firefox, Opera) mind támogatják a css3 szabvány valamennyi újdonságait. Természetesen az Internet Explorer az egyetlen amely fityent az egészre, már a hamarosan megjelenő IE9 is csak 1-2 alap újdonságot fog támogatni. A CSS3-nak hosszú utat kell még megtennie, hogy weboldal készítés közben használhassuk, de azért egy-egy tulajdonságot már használhatnak a web design mesterek.

BOX-SHADOW:

Árnyékok renderelése css-ből. A box-shadow css3 tulajdonságot a legfrissebb böngészők támogatják (kivéve IE). Használata: Vízszintes eltolás, függőleges eltolás, blur, szín.

Firefox:
-moz-box-shadow: 10px 10px 5px #888;

Chrome & Safari:
-webkit-box-shadow:10px 10px 5px #888;

Opera:
box-shadow:10px 10px 5px #888;

BORDER-RADIUS:

A border radius segítségével a web designerek könnyebben dolgozhatnak lekerekített sarkakkal. IE kivételével minden modern böngésző támogatja.

Firefox:
-moz-border-radius: 5px 10px 5px 10px;

Chrome & Safari:
-webkit-border-radius: 5px 10px 5px 10px;

Opera:
border-radius: 5px 10px 5px 10px;

FONT-FACE:

A font-face számos egyedi betűtípus használatát teszi lehetővé. Nem újdonság ez a technológia, hisz már a css2-ben probálta a Microsoft szabványosítani a font-face-t, bár csak az .eot betűtípusokat támogatja. Mára már a modern böngészők mind támogatják a .ttf és .otf betűtípusokat. Internet Explorer-rel is működik a dolog, csak trükkösen.

@font-face {
font-family: Delicious;
src: url(‘Delicious-Roman.otf’);
}

h3 { font-family: Delicious, sans-serif; }