sobota, 8 maja 2010

Zastosowanie CSS 3.0

Już teraz można wykorzystywać część nowego CSS 3.0 w kodzie strony. Jednak nie każda przeglądarka poprawnie wyświetli kod. Zaokrąglone rogi jak na tej stronie uzyskamy dodając kod :

-moz-border-top-left-radius:10px;
-moz-border-top-right-radius:10px;
-moz-border-bottom-left-radius:10px;
-moz-border-bottom-right-radius:10px;
-moz-border-radius:10px 8px;<-dla mozilli


By prawidłowo wyświetlić w Chrome i Operze usuwamy "-moz"
border-top-left-radius:10px;


 By dodać cień pod boxami ze zdjęciami lub pod nagłówkiem strony dodajemy
-webkit-box-shadow: 3px 3px 7px #777; <-chrome i safari
-moz-box-shadow: 3px 3px 7px #777;<-mozilla
box-shadow: 3px 3px 7px #777;<-Opera

Brak komentarzy:

Prześlij komentarz