[web-animations-2] Propose a new timing option align
to replace SequenceEffect
#9557
Labels
web-animations-2
Current Work
align
to replace SequenceEffect
#9557
Currently the synchronization of child animations in a
GroupEffect
is specified by either using aGroupEffect
or aSequenceEffect
as demonstrated in the spec.I propose simplifying this approach with a new property in the EffectTiming options with proposed name
align
(TBB) that controls alignment of child animations in the group, with the possible following values:start
: all children start at the effective start-time of the group. This is the default valueend
: all children end at the effective end-time of the group, while also respectingendDelay
.sequence
: each child starts sequentially after its preceding sibling effect, just as currently defined forSequenceEffect
.sequence-reverse
: same assequence
but the order of siblings is reversed.IMHO this method should also make the definition of
GroupEffect
more clear and separated from the concern of child synchronization.The idea here is also to align the JS API with the proposed CSS API by using the same longhand property name. Otherwise, using a different class may translate into a separate shorthand like
sequence-effect
, or otherwise become awkward.The text was updated successfully, but these errors were encountered: