Re: [css3-animations][css3-transitions][css3-background] Animating box-shadow

On Tue, Nov 1, 2011 at 5:04 PM, Brad Kemper <brad.kemper@gmail.com> wrote:
>> An example might help:
>> from { box-shadow: red 10px 10px; }
>> to { box-shadow: blue 40px 40px inset; }
>>
>> I think the preferred rendering is 20% outset and 80% inset (relative to time).  Further, I think #ff00ff should be used just before and just after the transition from outset to inset -- rather than at the 25px 25px inset location.
>
> I think I'd like to see it both ways before deciding (Maybe Tab could add it to his visualization tool). But my sense is that if #ff00ff is halfway between red and blue, then it should occur halfway through the animation. It wouldn't seem to hurt the visual illusion as much as not having distances zero out at the same time.

It's been added to the visualizer.  It doesn't appear to make much of
a difference which we choose in common scenarios - it's only really
detectable in cases like this, where the shadow split is 20/80 or
wider.

~TJ

Received on Thursday, 3 November 2011 23:00:55 UTC