Re: [css-animations] Proposal for animation triggers, timebases and additive behavior

> On 10 Sep 2014, at 1:09 pm, Brian Birtles <bbirtles@mozilla.com> wrote:
> 
> On 2014/09/10 7:58, Dean Jackson wrote:
>> animation-behavior
>> -----------------
>> 
>> ...
>> 
>> A value of "additive" means that the animation will add to the value provided
>> by the previous animation. This term, and how it works on various properties
>> like transform and color, is defined in lots of other specs. For example,
>> section 4.1.3 of the Web Animations spec lists a lot of cases (color, transforms,
>> lengths).
> 
> One point to note here is that in Web Animations the composition mode is also used to determine how the animation is combined with the style of the element before applying animations. e.g.
> 
>  div {
>    transform: translate(50px);
>    animation: spin 1s alternate add;
>  }
>  @keyframes spin {
>    to {
>      transform: rotate(180deg);
>    }
>  }
> 
> In the Web Animations model you'd actually get a computed style of:
> 
>  transform: translate(50px) rotate(180deg);
> 
> If you don't have that then I think the first value in your list of addition modes is effectively meaningless?

You're right, and my text was not clear. The composition mode of add should not replace the existing style, just as Web Animations does it.

Dean

> 
> Best regards,
> 
> Brian
>

Received on Thursday, 11 September 2014 00:12:28 UTC