Re: [css3-background] box-shadow syntax

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?


Alan

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