CSS 3 skygger
Nu har jeg lavet runde kanter på alle billederne, nu mangler jeg bare skygger på billederne også.
Jeg har gjort det ved at lave denne linje kode nederst i min style.css:
img{
-moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 10px 10px 5px #888;
}
Du kan jo også tage runde kanter med med det samme:
img{
-moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 10px 10px 5px #888;
border: none;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}
Sådan ser det ud:
Related posts:
