I'm trying to create a drop shadow effect using css margins around a div with a background shadow image. However, the images that I'm using creates a very small shadow. You can find these images available for free to download from this tutorial: http://alistapart.com/articles/cssdropshadows I'd like to have a gif and png image that casts more of a shadow. Can anyone point me to a sample vector gif and png shadow image that can be used in place of these?
Thing is, it's a little hard to code for every image, not bad though. Here's a tutorial for outer glow: http://www.partdigital.com/tutorials/gd-drop-shadow/
I agree, I'm beginning to wonder if it is worth it to include all the HTML code and resize the images every time something on a page changes. However, I need to be able to resize the div and shadow dynamically and I don't know of a better way to do this. I'm also finding it very hard to make things look the same in Firefox and IE.
Have a look through my site. From the sound of it, the approach I took, enumerating the possible image sizes in CSS, may not work for you. But it might.