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
-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
Komentarze
Prześlij komentarz