我想问一下是否有与 Polymer的动画页面（http://www.polymer-project.org/docs/elements/core-elements.html#core-animated-pages）相关的示例，以及我们如何使用Angular / material repo中提供的资源构建类似的演示（https://github.com/angular/material）。
我想实现http://www.polymer-project.org/components/core-animated-pages/demos/music.html但我不想使用Polymer，因为我想使用Angular。
你可以请我提供一些指示以便开始吗？
答案 0 :(得分：1)
他们通常使用Polymer做的事情有两个连接的元素，只显示一个，当你执行某个动作时，另一个显示（从display: none）和从某些维度到最终形式的动画。有时元素也会发生变化，但这取决于内容是否能够移动到新的位置。
您必须使用css transition，transform和display。有时甚至是自定义动画。而且你主要是将多个div更改为最终形式。我认为最困难的是动画颜色（例如从白色到粉红色或从黄色到绿色），因为那些最难做（性能方面）。
如果您查看已设置的示例（最终链接），您会在其中看到带有详细div的项目列表，一旦您点击该项目，您就会显示详细信息并将内容转换为最终内容dimentions。
如果你不太了解Angular或HTML / CSS / Javascript，就知道这些事情很难。
Polymer for Web的框架是一项正在进行中的工作，如果花费几个月的时间来获得本机和网络的类似结果，我将不会感到惊讶。
您可以举例如下：https://medium.com/tictail-makers/giving-animations-life-8b20165224c5或https://www.polymer-project.org/apps/topeka/或http://codepen.io/collection/amheq/。并且不要忘记通过使用像http://fezvrasta.github.io/bootstrap-material-design/之类的一些引导主题来加速它。
我一直在努力解决同样的问题，因为现在还有很多事要做。您说过Angular项目，但这需要时间。如果你现在想要做，你必须做一些工作（如果你这样做，与我们分享），但你可能会更好地推迟这一点，直到大多数错误和问题得到解决。 这就是我现在正在做的事情。