W3C home > Mailing lists > Public > www-style@w3.org > March 2011

RE: [css3-background] Default shadow color

From: Brian Manthos <brianman@microsoft.com>
Date: Fri, 4 Mar 2011 19:04:08 +0000
To: Brad Kemper <brad.kemper@gmail.com>
CC: Tab Atkins Jr. <jackalmage@gmail.com>, fantasai <fantasai.lists@inkedblade.net>, "www-style@w3.org" <www-style@w3.org>, Estelle Weyl <estelle@weyl.org>
Message-ID: <FA122FEC823D524CB516E4E0374D9DCF16D3136E@TK5EX14MBXC138.redmond.corp.microsoft.com>
I was referring to box-shadow with CSS3 animations.
http://www.w3.org/TR/css3-animations/

Maybe my understanding is old, but I thought the spec doesn't allow animation of box-shadow but does allow animation of color.

(I probably should have been clearer that by 'animate' I was referring to CSS3 animations, as opposed to JScript simulation.)

-Brian

-----Original Message-----
From: Brad Kemper [mailto:brad.kemper@gmail.com] 
Sent: Friday, March 04, 2011 11:01 AM
To: Brian Manthos
Cc: Tab Atkins Jr.; fantasai; www-style@w3.org; Estelle Weyl
Subject: Re: [css3-background] Default shadow color


On Mar 4, 2011, at 10:26 AM, Brian Manthos <brianman@microsoft.com> wrote:

> And here's another example that animates the shadow with jscript but could easily be done with an animatable 'color' property where it would be more complicated to animate box-shadow directly (if supported at all).

I don't understand. What woulnt be supported at all? What's wrong with the following line (altered):

> var div = document.getElementsByTagName("div")[0];
>   div.style.boxShadow = "0 0 50px rgb(" + i + "," + i + "," + i + ")";
> }

Sure it is SLIGHTLY longer, but seems a better choice anyway than requiring something in the source (your span) to recolor the text.
Received on Friday, 4 March 2011 19:04:41 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:38 GMT