- From: alancutter via GitHub <sysbot+gh@w3.org>
- Date: Fri, 19 Jan 2018 03:18:42 +0000
- To: public-css-archive@w3.org
alancutter has just created a new issue for https://github.com/w3c/csswg-drafts:
== [web-animations-1] Additive transform animations easily invoke undesirable matrix interpolation ==
Using neutral value keyframes or {transform: 'none', composite: 'add'} keyframes in additive transform animations can easily cause undesired matrix interpolation to occur.
Example:
https://www.youtube.com/watch?v=6Jigrf5xKTg
http://jsbin.com/gazakifuma/1/edit?js,output
One way of avoiding this is to change [The effect value of a keyframe effect](https://www.w3.org/TR/web-animations-1/#the-effect-value-of-a-keyframe-animation-effect) steps 12 and 18 to perform the keyframe interpolation before applying their composite operation.
This would change `interpolate(add(rotate(45deg), none), add(rotate(45deg), rotate(180deg)))` (which uses matrix interpolation due to the `rotate` -> `rotate rotate` shape mismatch) into `add(rotate(45deg), interpolate(none, rotate(45deg)))`.
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/2204 using your GitHub account
Received on Friday, 19 January 2018 03:18:43 UTC