Re: [css3-background] Default shadow color

Hi,

Just wanted to point out that shadow interpolation from (or to) 'none' 
(the initial value) is also undefined.
This results to each browser doing a different thing: 
http://jsfiddle.net/leaverou/3gw4K/
- Webkit ignores inset until the transition is finished
- Opera doesn't transition at all
- Gecko seems to get it right (right as in looks smooth and not weird)

Lea Verou (http://leaverou.me | @LeaVerou)


On 5/3/11 00:23, fantasai wrote:
> On 03/04/2011 02:11 PM, Simon Fraser wrote:
>> On Mar 4, 2011, at 1:07 PM, Brian Manthos wrote:
>>
>>>> How do you interpolate from inset to non-inset (and the reverse)?
>>>>
>>>> from {
>>>>     box-shadow: 0 0 0 blue;
>>>> }
>>>> to {
>>>>     box-shadow: 0 0 0 red inset;
>>>> }
>>>
>>> Adjusting the example:
>>> from {
>>>     box-shadow: 0 0 127px rgb(0,0,254);
>>> }
>>> to {
>>>     box-shadow: 0 0 127px rgb(254,0,0) inset;
>>> }
>>
>> I was just thinking about this recently when fixing a WebKit bug.
>>
>> I think animating from inset to non-inset shadows automatically is 
>> too magical,
>> especially when both have different spreads. I think we should state 
>> that you
>> cannot transition between shadows of different types.
>>
>> Of course, animating from no shadow to either type of shadow should 
>> work.
>
> You could animate the offsets and spreads to zero and then transition 
> from
> zero to the other shadow type. Theoretically. :) But it probably makes 
> more
> sense to not allow it. The author could animate two shadows if they want
> that kind of transition:
>
>   box-shadow: 0 0 127px rgb(0,0,254), 0 0 rgb(254,0,0);
> to
>   box shadow: 0 0 rgb(0,0,254), 0 0 127px rgb(254,0,0);
>
> ~fantasai
>

Received on Friday, 11 March 2011 05:20:01 UTC