Fotogalleri

Skapa snygg ram runt en bild.

Här nedan följer ett förslag på en snygg ram med skugga som du kan ha runt en eller flera bilder. HTML koden klistrar du in vid källkod, vid src anger du bildens url. Storlek på bilden "width" sätts till lämpligt värde. CSS koden lägger du sist i mallen.

HTML:

<img class="image_shadow" src="bildens url" alt="" width="250" />

CSS:

.image_shadow {
border-radius: 30px;
box-shadow: 5px 10px 10px rgba(0,0,0, 0.5);
}

Här hittade jag ett par stycken Placeholder för bilder. Detta kan vara bra om man jobbar med bilder och inte har tillgång till specifika mått men vill testa olika storlekar eller för annat ändamål. Men läs igenom licensvillkoren innan du använder bilderna, ofta är dessa bilder licensierade under Creative Commons (CC), läs här --> http://www.creativecommons.se/om-cc/licenserna/

Bilder från http://lorempixel.com/

Bilder från http://placeimg.com/