- From: L. David Baron <dbaron@dbaron.org>
- Date: Mon, 7 Jan 2013 22:12:27 -0800
- To: www-style@w3.org
I think http://dev.w3.org/csswg/css3-animations/ doesn't say what happens for this testcase: @keyframes bounce { from { margin-left: 0px } to { margin-left: 100px } } p { animation: bounce 1s linear, bounce 3s linear } In particular, it doesn't say which of these two animations overrides the other. This is due to a quirk in wording here: # If at one point in time there are multiple animations # specifying behavior for the same property, the animation whose # name occurs last in the value of ‘animation-name’ will override # the other animations at that point. -- http://dev.w3.org/csswg/css3-animations/#animations Since "the animation whose name occurs last in the value of 'animation-name'" doesn't disambiguate the two, since they have the same name. I think dropping the "whose name" would probably make it correct, but it might be worth making things a little clearer than that. -David -- 𝄞 L. David Baron http://dbaron.org/ 𝄂 𝄢 Mozilla http://www.mozilla.org/ 𝄂
Received on Tuesday, 8 January 2013 06:12:53 UTC