Hátéemel öt

Mivel megint csak felébredtem éjfélkor, és félórás forgolódás után rádöbbentem, hogy akár html5-öt is kódolhatnék a sötét éjszakába meredés helyett, felkeltem, és sebtiben nekifogtam.

Ami nagyon érdekelt, a css3 egyik új játéka, a border-radius és a box-shadow. Az elv egyszerű, nagyszerű és sok grafikázástól kíméli meg az embert. De aztán meglepve tapasztaltam, hogy hiába írom be a szabvány kódot, a Firefox (3.6.13) magasról tesz rá, a kívánt formák csak nem akarnak megjelenni. Pár perces kutakodás után kiderült, hogy ezeket a dolgokat alapból még nem támogatja a jeles böngésző, ámde! ügyes szakemberek már megtalálták a megoldást.

A keretek formázáshoz, és a doboz-árnyékok létrehozásához, vagyis hogy efféle eredményt kapjuk (katt a nagyhoz):

egy ilyen kód kell (és figyelmeteket a kiemelt részletekre vessétek):

#header {
width: 97%;
height: 80px;
border: solid 10px #4a4a4a;
-moz-border-radius: 10px 30px;
-webkit-border-radius: 10px 20px;
-moz-box-shadow: 1px 1px 10px #4a4a4a inset;

margin: 4px auto 2px auto;
padding: 10px;
background: #3399ff;
font-size: 30px;
font-weight: bold;
text-align: center;}

(Ez a kód csak részlet, de a lényeg benne van.)

Egyszóval: nekem tetszik, jó irányba megy a fejlődés. És a <video> meg az <audio> tageket még nem is próbáltam:)

Címke , , .Könyvjelzőkhöz Közvetlen link.

Vélemény, hozzászólás?