Closed Thread Icon

Topic awaiting preservation: Letter dropshadows? css, js, or dhtml? (Page 1 of 1) Pages that link to <a href="http://ozoneasylum.com/backlink?for=24227" title="Pages that link to Topic awaiting preservation: Letter dropshadows? css, js, or dhtml? (Page 1 of 1)" rel="nofollow" >Topic awaiting preservation: Letter dropshadows? css, js, or dhtml? <span class="small">(Page 1 of 1)</span>\

 
UnknownComic
Maniac (V) Inmate

From: 2 steps away from a los angeles curb
Insane since: Nov 2003

posted posted 11-30-2004 02:53

I read somewhere that transparency can be imparted to html "layers?" and was wondering if a transparancy can be given to an underlying text, thereby making a dropshadow for the overlayed text.

Is this possible to do?

Or is the only way to do it, is with a transparent gif, png, etc.?


______________
Is This Thing On?

Webbing; the stuff that sticks to your face.

(Edited by UnknownComic on 11-30-2004 03:01)

hyperbole
Paranoid (IV) Inmate

From: Madison, Indiana, USA
Insane since: Aug 2000

posted posted 11-30-2004 06:31

You can make an element transparent by giving it {background: transparent}. However, what you're asking is: "Can you give a transparency to the entire element?" I believe there is a netscape only attribute that lets you do that.

I have used a <div> to create a drop shadow in the past by giving the background a color of transparent and choosing the foreground color of the drop shadow div so that it is the same as the page background, only greyed. The problem with this method is that you get sharp edges on the drop shadow instead of the blurred edges you can create with a graphic. But often that is an effect that can work.



.

-- not necessarily stoned... just beautiful.

UnknownComic
Maniac (V) Inmate

From: 2 steps away from a los angeles curb
Insane since: Nov 2003

posted posted 11-30-2004 07:27

Thanks, I guess giving text an outline is not possible yet...

Thanks for the info.

______________
Is This Thing On?

Webbing; the stuff that sticks to your face.

Ramasax
Paranoid (IV) Inmate

From: PA, US
Insane since: Feb 2002

posted posted 11-30-2004 15:03

This may help.
http://www.saila.com/usage/shadow/

You can also achieve the effect using some javascript.
http://www.kryogenix.org/code/browser/aqdropshadow/

Personally, I would wait for the "text-shadow" CSS2 property to become supported and just go with graphics for now.

Ramasax

« BackwardsOnwards »

Show Forum Drop Down Menu