Skuggeffekter med transparenta PNG-bilder

Hittade en artikel på PositionIsEverything.net där det finns en intressant teknik om hur man kan göra skuggor med hjälp av transparenta PNG bilder.

Html-koden ser ut så här för att göra en box med skugga på.

<div class="outerpair1 textbox"> <br /> <div class="outerpair2"> <br /> <div class="shadowbox"> <br /> <div class="innerbox"> <br />This is a demo showing how to make drop shadows with transparent PNG images. <br /></div></div></div></div>

Se en demostration på skuggeffekten
Länk till CSS

CSS