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

Question

我正在尝试使用此jist和聚合物设计器工具复制此处看到的上滑和平铺级联过渡

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

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

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

Answer 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

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

谢谢，亚瑟