Polymer 聚合物-网络动画交错动画序列

我正在尝试以负延迟交错AnimationSequence，但当我在AnimationSequence上使用endDelay属性时，该属性不起任何作用：

var el = this.shadowRoot.querySelectorAll('.nav-item');

var animations = [];
for (var i = 0; i < el.length; i++) {
    animations.push(el[i].animationGroupIn);
}

this.animationSequence = new AnimationSequence(animations, {endDelay: -100});
document.timeline.play(this.animationGroup);

AnimationSequence是否有公共属性，以便动画可以重叠以使动画看起来更流畅？

由于AnimationSequence将一个接一个地为项目设置动画，我认为它不适合这种交错动画

使用AnimationGroup一起启动动画，但以正确的顺序为每个动画提供一个短的增量延迟，怎么样

我创建了一个小演示，如下所示，但不确定它是否正是您想要的效果

函数animationGroupInitem，i{ var animation1=新的Animationitem，[{opacity:'0'}，{opacity:'1'}]，{duration:800，fill:'both'，delay:200*i}； var animation2=新的Animationitem，[{transform:'translateX24px'}，{transform:'translateX0'}]，{duration:800，fill:'tware'，ease:'ease out'，delay:200*i}； 返回新的AnimationGroup[animation1，animation2]； }; var el=document.queryselectoral'.nav item'； var=[]； 对于var i=0；i首先感谢你的演示！我将不得不使用AnimationGroup重新构建它，并设置延迟以抵消上面回答的演示中的每个动画。我希望在不久的将来，AnimationSequence能够重叠动画。

function groupChildDuration(node) {
    return node._timing.delay + node.activeDuration + node._timing.endDelay - 100;
};