Re: box-shadow bugs

On Sun, 1 Apr 2012, Brian Todd wrote:

From http://www.w3.org/TR/2012/WD-css3-background-20120214/#box-shadow

<shadow> = inset? && [ <length>{2,4} && <color>? ]

> #first{ box-shadow: 5px 0px 5px rgba(0,0,0,.1) inset; }

Invalid, 3 <length>, 2 or 4 are required.

> #second{ box-shadow: 5px 0px 5px rgba(0,0,0,.1); }
same

> #third{ box-shadow: 5px 0px 5px rgba(0,0,0,0.1); }
> #fourth{ box-shadow: 5px 0px 5px rgb(0,0,0); }
> #fifth{ box-shadow: 5px 0px 5px rgb(0,0,0) inset; }
> #sixth{ box-shadow: 5px 0px 5px rgb(255,255,255) inset; }
> #seventh{ box-shadow: 5px 0px 5px #000 inset; }
> #eighth{ box-shadow: 5px 0px 5px #000000 inset; }
> #ninth{ box-shadow: 5px 5px 5px rgb(0,0,0) inset; }
same as first.

> #tenth{ box-shadow: 5px 5px rgb(0,0,0,) inset; }
Extra ',' in rgb(), so invalid.

>
> #eleventh{ box-shadow: 5px 5px #000 inset; }
>
> #twelfth{ box-shadow: 5px 5px #000000 inset; }

Those two should be valid.

> All of the above code is treated as invalid. The problems seem to be in 
> the rgba color values and in the inset value. Rgba values work fine 
> elsewhere, such as in background-color.

See also http://qa-dev.w3.org:8001/css-validator/ for an up-to-date 
implementation of box-shadow.
Thanks,

-- 
Baroula que barouleras, au tiéu toujou t'entourneras.

         ~~Yves

Received on Wednesday, 4 April 2012 14:03:13 UTC