Doing it with style
Just an example of a drop shadow applied to a div without using graphics.
This is achieved by using a set of three nested divs for the graduated shadow effect and a final 'nested' div for the text. This final div is as large as the first shadow div and covers the top left of the drop shadows. The square cut-out div is just for effect.
With CSS3 box shadow styles this is more or less redundant.
Because of all the time and effort spent in producing this demonstration I would ask that you respect my copyright.
Your donations keep CSS PLAY running.
If your donation is for the use of a demo then please email me with the demo url after making your donation.