Cuda z guzików

Jak to w życiu bywa – najlepsze rzeczy odkrywa się przypadkiem.
I tak, szukając natchnienia na zbudowanie ciekawego layoutu, trafiłem na zabawny lab traktujący o niestandardowych, acz przyjemnych “ficzerach” zawartych w CSS3 – oraz tych, które w żaden standard nie są ubrane – ale są obsługiwane przez pewne przeglądarki – dzięki czemu możemy np: nagrodzić kogoś za to, że używa MacOS-X – dając mu na stronie piękne guziki, stylizowane w 100% przez CSS, jak ten:

Warto też poznać odpowiedź na pytanie: “do web sites need to look the same in every browser?“.

Styl dla batona poniżej:


width: 15em;
padding: .5em;
color: #ffffff;
text-shadow: 1px 1px 1px #000;
border: solid thin #882d13;
-webkit-border-radius: .7em;
-moz-border-radius: .7em;

border-radius: .7em;
-webkit-box-shadow: 2px 2px 3px #999;
box-shadow: 2px 2px 2px #bbb;
background-color: #ce401c;
background-image: -webkit-gradient(linear, left top, left bottom, from(#e9ede8), to(#ce401c),color-stop(0.4, #8c1b0b));


Na czerowno: ozdoby mocno nietypowe / średnio standardowe, na zielono: dla mozilli i Safari o raz – co mile zaskakuje: dla Chrome-a…
Trzymam kciuki za wprowadzenie nowego standardu uzupełnionego o te przemiłe dla oka dodatki…

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *