W3C home > Mailing lists > Public > www-style@w3.org > June 2012

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

From: L. David Baron <dbaron@dbaron.org>
Date: Tue, 19 Jun 2012 17:07:53 -0700
To: Sylvain Galineau <sylvaing@microsoft.com>
Cc: "www-style@w3.org" <www-style@w3.org>
Message-ID: <20120620000753.GA5924@crum.dbaron.org>
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 GMT

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