phil_doughty — 2010-11-19T04:56:16-05:00 — #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:
Thanks in advance
ralphm — 2010-11-19T08:26:44-05:00 — #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.
phil_doughty — 2010-11-19T08:39:27-05:00 — #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
ralphm — 2010-11-19T08:46:59-05:00 — #4
I can't say definitely, but as far as I know, even CSS3 isn't up to that yet.
phil_doughty — 2010-11-19T09:03:13-05:00 — #5
I guess I just want markup & css to be
as Photoshops layer styles - Surly it can't be that much to ask for (:
ralphm — 2010-11-19T09:11:09-05:00 — #6
O well, if it's easy to design then do it yourself! 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.