Archief - Algoritme: schaduw over afbeelding

Howdy

Ik had een klein vraagje: ik zou graag een drop shadow over mijn afbeeldingen willen doen, vergelijkbaar met hoe je dat ziet bij de preview-images van Deviantart. Is dit te bereiken met CSS of moet ik dit op een andere manier gaan doen? Greets

RpR bedankt, dit wist ik ook nog niet

ik ook niet maar had het ooit al gezien dus een gegoogled maar was nog vrij moeilijk te vinden

Err, dat zijn toch geen drop shadows? Is 't niet eerder het volgende waar hij achter zoekt?

Ge maakt een afbeeldingske in photoshop waar ge drop shadow op toepast. Daarna gade naar image ready.

Ge sliced een stukje (met alleen de shadow of course) van de onderkant, van de zijkant en je sliced het stukje van het hoekje.

Je steekt je image in een table. In de row onder je image herhaal je het 'stukje van de onderkant' als achtergrond image zodat het automatisch even breed word als je image. Het hoekje zet je der rechts van, in een cel naast je image herhaal je 'het stukje van de zijkant' eveneens als achtergrond image. (je cel is even breed als je 'zijkant' image dus het wordt onder elkaar herhaald en wordt even hoog als het image).

edit: of je doet es de moeite om de source van deviant art te bekijken, ziet dan dat de image in een div staat met class 'shadow'. Vervolgens kijk je in hun stylesheet en zoekt (ctrl+f) het woordje 'shadow' en ziet het volgende:

.shadow-holder {
display:inline-table;
}
.shadow {
display:block;
padding:6px 9px 9px 6px;
background-repeat:no-repeat;
background-position:center;
text-align:center;
}
.shadow:before {
display:none;
content:"nul";
background-image:url("http://sh.deviantart.com/shadow/alpha-000000/5.1-0.6");
}

en welk dat bewuste bg image is zullen we nooit weten want we zijn niet gemachtigd de pagina te bekijken ;-)

met dreamweaver is et nog makkelijker ^^