Cuda z guzików
November 13th, 2009
No comments
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…
