*Summary*: The animation-composition property defines the composite
operation used when multiple animations affect the same property
simultaneously. We support the similar feature in Web Animations (for
script-generated animations) already, and this new CSS property is for CSS
Animations. The values of animation-composition
<https://drafts.csswg.org/css-animations-2/#propdef-animation-composition>
have the meaning defined for the corresponding values of the composite
operation <https://drafts.csswg.org/web-animations-1/#composite-operation>
defined in Web Animations. There is an example in the spec link if you are
interested.
*Specification*:
https://drafts.csswg.org/css-animations-2/#animation-composition
*Platform coverage*: all
*Preference*: "layout.css.animation-composition.enabled"
*DevTools bug*: https://bugzilla.mozilla.org/show_bug.cgi?id=1778407
*Other browsers*:
1) Blink: doesn't support it.
2) Webkit: supports this already since January, 2022.
(https://bugs.webkit.org/show_bug.cgi?id=232086
<https://bugs.webkit.org/show_bug.cgi?id=232086>) but has not shipped yet.
*web-platform-tests*: The wpt has been merged since
https://bugzilla.mozilla.org/show_bug.cgi?id=1748435, in css/css-animations/
folder.

Thanks,
Boris

-- 
You received this message because you are subscribed to the Google Groups 
"[email protected]" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To view this discussion on the web visit 
https://groups.google.com/a/mozilla.org/d/msgid/dev-platform/CAGcjHKivDjdxwxrOC1bxa%2BZ-R_3W%2B011VUEfLU8V65KjngBRug%40mail.gmail.com.

Reply via email to