Question

我正在使用这样的东西：

<neon-animated-pages class="flex" selected="{{route}}" attr-for-selected="data-route" on-iron-select="_pageChanged" on-neon-animation-finish="_onNeonAnimationFinish">
                    <sys-neonpage1 data-route="home" id="page1" class="fit"></sys-neonpage1>
                    <sys-neonpage2 data-route="users" id="page2" class="fit"></sys-neonpage2>
                    <sys-elemento data-route="contact" id="page3" class="fit"></sys-elemento>                       
                </neon-animated-pages>

效果很好，内部的动画＆gt; sys-neonpage1 ...＆gt;但是在该元素中我有其他元素有一些动画，我想要做的是内部元素的动画也运行，但在这种情况下它不起作用，只有作品的动画。

对于exmaple里面我有这样的事情：

dom-module id="sys-neonpage1">
<template>        
        <sys-elemento class="prueba"></sys-elemento>
</template>

该元素有自己的动画，如果我在里面使用它就永远不会开始......

是可以的吗？非常感谢。

Answer 1

您想要做的事实上是内置neon-animated-pages组件：Running animations encapsulated in children nodes

一般来说，我建议您阅读整篇"using neon-animations" guide，因为它写得很好。

聚合物：霓虹动画内部的霓虹动画

1 个答案: