Unusually shaped transparent png/gif casting shadows with css/inline styles

HTML & CSS
1

Hi my Name is Phil Doughty,
You might be able to shed some light & insight

I Know of box-shadow & text shadow but how to make
an unusually shaped transparent png/gif cast a
shadow with css or inline styles, to look something like this:

http://img521.imageshack.us/img521/8595/shapeu.png

[FONT=“Lucida Sans Unicode”][SIZE=“3”](Preferably without javascript but not ruling it out)

Thanks in advance[/SIZE][/FONT]
Phil

2

If you are using an actual font, then something like text-shadow: 2px 2px 2px #000; is worth a try. But otherwise, if it ha to be an image, I’d say you are better off creating the drop shadow in a graphics program.

3

[FONT=“Lucida Sans Unicode”][SIZE=“3”]Not necessarily text, that was just an example.
And yeah I thought of that adding the shadow to the image
but was hoping for a code option to have the flexibility of
changing the background colours in future edits

Anyways - Thanks for the quick reply [/SIZE][/FONT]

Phil

4

I can’t say definitely, but as far as I know, even CSS3 isn’t up to that yet.

5

I guess I just want markup & css to be
as Photoshops layer styles - Surly it can’t be that much to ask for (:

Phil

6

O well, if it’s easy to design then do it yourself! :stuck_out_tongue: Luckily for Adobe, Photoshop doesn’t have to be able to run in a wide range of faulty browsers! Some browsers can’t even get basic CSS to work properly, so more complex things like this are pretty much a pipe dream, it would seem. At least, we’ll be getting pretty old when CSS and browser support offer anything like the functionality of Photoshop. Unless online applications kick off in a big way and leave html and css behind.