Re: [css3-animations] Interaction of timing functions specified in a keyframe with properties defined in other keyframes

On Wednesday 2012-06-20 00:01 +0000, Sylvain Galineau wrote:
> Given this, what should happen for the top and left properties in this example:
> 
>  @keyframes southeast {
>      0%     { left: 100px; top: 100px; animation-timing-function: linear; }
>      50%    { left: 200px; animation-timing-function: ease; }
>      100%   { left: 100px; top: 200px; } 
>  }
> 
> My reading of both these clauses is that top should animation from 100px to 200px using a linear
> timing function the entire way; left would use linear from 100px to 200px then ease from 200px
> back to 100px.
> 
> Agree/disagree?

Agree.

-David

-- 
𝄞   L. David Baron                         http://dbaron.org/   𝄂
𝄢   Mozilla                           http://www.mozilla.org/   𝄂

Received on Wednesday, 20 June 2012 00:08:20 UTC