W3C home > Mailing lists > Public > www-style@w3.org > May 2008

Re: [css3-background] box-shadow syntax

From: Alan Gresley <alan@css-class.com>
Date: Sat, 10 May 2008 17:38:40 +1000
Message-ID: <48255100.5010702@css-class.com>
To: Eli Morris-Heft <dai@doublefishstudios.com>
CC: fantasai <fantasai.lists@inkedblade.net>, "www-style@w3.org list" <www-style@w3.org>

Eli Morris-Heft wrote:
> fantasai wrote:
>> Hi Brad,
>> I can understand the idea of an inner "glow" analogous to the outer 
>> "glow"
>> you can get by using zero offsets and a positive blur radius. But I'm
>> having trouble understanding what an inner "shadow" (with non-zero 
>> offsets)
>> would be. Can you explain and maybe post some examples?
>> Thanks~
>> ~fantasai
> I know you asked for Brad, but I fear for anyone who is awake and in 
> front of a computer screen at this time who is not also (a) coding or 
> (b) living on the other side of the planet.
> You can find a quick-and-dirty mockup at 
> http://www.doublefishstudios.com/~dai/boxes.png . I hope this is what 
> everyone else is visualizing... There is no example for a non-zero 
> offset + non-zero spread case, because Fireworks can't do that without 
> extra effort. It should be pretty easy to visualize, though.
> Eli Morris-Heft

I think we are getting box-shadow and border-shadow a bit mixed up here.

You wouldn't need a spread with as box-shadow since we are seeing a 
border instead. In saying this I believe that they must been consisted 
with the amount of permissible values. Lets get back to what is 
currently implemented or in the current spec.

?-shadow:4px 4px 4px blue;

Brad suggested this.

box-shadow:4px 4px 4px blue inner;

but that is really a border.

border-shadow:4px 4px 4px blue inner;

That could be put as

border-shadow:4px 4px 4px(inner) blue;

but this should be analogous with box-shadow. How does all the new 
syntax or values work when the box casting the shadow is transparent?

Received on Saturday, 10 May 2008 07:39:30 UTC

This archive was generated by hypermail 2.3.1 : Monday, 2 May 2016 14:27:36 UTC