skip to content

A CSS drop shadow


Text



Information

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.

Copyright

You may use this method on your personal 'non-profit' web site without seeking my permission. A link back to CSSplay is always appreciated.

Commercial usage is also permitted without seeking approval, but I would ask that a donation is considered to support my work on CSSPlay.

If you are having problems integrating any of my demonstrations into your website then I now offer a service to fault find and correct any errors that you may have introduced. Please email me for more information.




CSS play recommend

PSD to HTMLSitegrinderSocial Media Applications On DemandFree, practical CSS menus, layouts, and examplesQuality UK Web Hosting