CSS3: MODERN WEBOLDAL KÉSZÍTÉS
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; }
