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.




Recommended Sites

CSSplay web design/assistance

"The citroen.co.uk web site uses
CSS Play code for the site drop down menus.
This code works seamlessly in IE 6 & 7, and is an excellent solution to the Creative requirements of the site."

Damon Clark - Brandwidth


Advertise with CSSplay

CSS play pages

CSS (Design) - TOP.ORG

CSS play recommend

SitegrinderEarn from your site today with Netklix text adsPSD to HTMLFree, practical CSS menus, layouts, and examples