Animation 聚合体核心动画组必不可缺的例子?

Animation 聚合体核心动画组必不可缺的例子?,animation,polymer,Animation,Polymer,我对Polymer还相当陌生,正在努力让一些动画按要求工作。我的页面显示一个卡片网格。当一个被点击时,我希望其余的都离开屏幕 我可以让卡片在代码中一次移动一张,但是因为它们都需要并行移动,我想我需要一个核心动画组来运行它们。但是 我无法理解代码中创建核心动画组的语法,而且似乎没有播放方法 我非常非常感谢你给我举个简单的例子 TIA关于核心动画组的文档有点平淡无奇,但可以仅使用JavaScript创建和播放核心动画组。使用新的CoreAnimationGroup创建核心动画组。然后使用animGr

我对Polymer还相当陌生,正在努力让一些动画按要求工作。我的页面显示一个卡片网格。当一个被点击时,我希望其余的都离开屏幕

我可以让卡片在代码中一次移动一张,但是因为它们都需要并行移动,我想我需要一个核心动画组来运行它们。但是

我无法理解代码中创建核心动画组的语法,而且似乎没有播放方法

我非常非常感谢你给我举个简单的例子


TIA

关于核心动画组的文档有点平淡无奇,但可以仅使用JavaScript创建和播放核心动画组。使用新的CoreAnimationGroup创建核心动画组。然后使用animGroup.appendChildcoreAnim添加子动画。最后,用animGroup.play玩这个小组

你说你想平行设置不确定数量的牌的动画。试着这样做:

var cards=document.querySelectorcards-wrapper.children; var anim=新的CoreAnimationGroup; 动画类型= PARR;//并行显示子动画。 动画持续时间=200;//毫秒 var cardanimes关键帧=[ //CSS属性{propName:value} {不透明度:1}, {不透明度:0}, ]; 对于var i=0;i.长度;i++{ var childAnim=新的CoreAnimation; childAnim.target=卡片[i]; childAnim.keyframes=cardAnimKeyframes; anim.appendChildAnim;//这很关键。 } //然后,当你准备好了。。。 动漫游戏;
希望这有帮助:这取决于你想要什么。我以前没有和核心动画组合作过,但是有了核心动画页面,你可以在“页面”之间转换。请说明您想做什么,并提供您已有的代码。至于核心动画组,请查看。它有一个组示例,也使用了play方法。正如我所说的,我希望单击的卡扩展到全屏,而其他卡会滑下。有点像这样:但是卡片的大小不一样。我看到的核心动画组演示用html创建对象,而不是代码。我只是想找一个小代码片段,用js创建和播放一个核心动画组。我尝试过创建一个动画数组并将数组传递给组构造函数,我也尝试过在构造函数中创建动画,但我无法理解语法。