我想问一下是否有与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。
你能给我一些指导以便开始吗？
他们通常用 Polymer 做的是有两个连接的元素，它们只显示一个，当您执行某些操作时，另一个会显示（从display: none）并从某些维度动画到其最终形式。有时元素也会移动，但这取决于内容是否能够移动到新位置。
您必须使用csstransition和. 有时甚至是自定义动画。而且您主要是将多个 div 更改为最终形式。我认为最困难的是动画颜色（例如从白色到粉红色或从黄色到绿色），因为这些是最难做的（性能方面）。transformdisplay
如果您查看您设置的示例（最终链接），您会看到一个带有详细 div 的项目列表，一旦您单击该项目，您就会显示详细信息并将内容转换为其最终尺寸。
只要知道如果你不是很喜欢 Angular 或 HTML/CSS/Javascript，这些东西就很难了。
Polymer for Web 的框架在很大程度上是一项正在进行中的工作，如果我花了几个月的时间在本地和 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 项目，但这需要时间。如果你现在想这样做，你必须做很多工作（如果你这样做，与我们分享），但你最好推迟到大多数错误和问题都解决后再做。这就是我现在正在做的事情。