Do you want to make a CSS shadow for an image instead?

CSS shadow for DIV

PHP Source Code

Download zip file of the PHP source code: css_shadow_any.zip
Show source code

What can this CSS shadow web form do?

If you need a shadow effect for any HTML container object, this tool will allow you to easily create that effect with 100% valid HTML - and it does not require using any graphics library calls or stretched images. You can simply use this form to generate the HTML for any DIV area that you might have. Since it uses your dimensions to create the sizes of the subsequent shaded areas, you should just use the tool to create a DIV wrapper for each size - rather than trying to modify the resultant HTML unless you really know what you're doing.

Creates a smoothly blended shadow for your web pages without using any Flash, JavaScript, or PHP graphics rendering calls. The trick is creative use of CSS style properties to define the shadow using <div> elements with different sizes and colors. You should supply the values for width and height.

The result is 100% valid HTML code around your innermost DIV object. You can simply copy and paste the HTML to display your content with whatever shadow options that you set.

Also, after you've used the form a permalink is created - in the event that you wanted a link of this page that shows your output.

HTML Code

This area would normally display the HTML code that displays a content area with a shadow, but there arent valid parameters yet. You can set the parameters for the "getCSSShadow" function call by using the form above.

Source Code for this CSS shadow

You could also download the source code for the tool and use the code to create different shadow effects for your web content dynamically.