如何使用#Polymer core-animated-pages 过渡到 tile-cascade 自定义元素？答案

【问题标题】：How to use #Polymer core-animated-pages transitions to tile-cascade custom elements?如何使用#Polymer core-animated-pages 过渡到 tile-cascade 自定义元素？
【发布时间】：2015-02-02 00:59:37
【问题描述】：

我正在尝试使用 jist 和 polymer designer tool 复制 here 看到的上滑和平铺级联过渡

这里的区别是我想使用自定义元素而不是标签。我为每个页面创建了自定义元素，并将它们全部放在一个核心动画页面中。

我希望其中一个页面内的所有卡片网格向下平铺，核心滚动标题向上滑动，就像在上面的 jist 中一样，但是我尝试嵌套标签以放置过渡的每一种方式所需孩子的属性，没有任何作用。唯一可行的是将 core-animated-pages 转换属性设置为“cross-fade-all”。非常令人沮丧，因为关于 tile-cascade 的文档/示例很少。

示例站点：http://marissageoffroy.ored.net
Github 仓库：https://github.com/ocorso/marissageoffroy

【问题讨论】：

标签： html polymer material-design shadow-dom custom-element

【解决方案1】：

来自Polymer Google Group 的 Arthur 的消息：

这也让我感到困惑，直到我破解了 tile-cascade 文件：

https://github.com/Polymer/core-animated-pages/blob/master/transitions/tile-cascade.html

往里看，你会发现转换要求每个图块都是 .

这里的快速解决方案是将每个核心卡包装在一个 .

关于这个有一个未解决的问题：https://github.com/Polymer/core-animated-pages/issues/14

您可能希望关注该问题以获取更新。

谢谢，亚瑟

【讨论】：