使用 css 的圆形显示动画答案

【问题标题】：Circular reveal animation with css使用 css 的圆形显示动画
【发布时间】：2016-01-14 08:43:26
【问题描述】：

我会使用 css（或者最终使用 Angularjs，因为我在我的 web 应用程序中使用它）创建一个简单的圆形显示动画。我想要的是 Android 中使用的圆形显示动画。我发现的唯一例子是聚合物样品：https://elements.polymer-project.org/elements/neon-animation?view=demo:demo/index.html&active=neon-animated-pages 点击“卡片”样品，然后点击“角度”。但是在我的应用程序中包含这个太复杂了。我希望只能用 css 或 ng-animation 以更简单的方式做同样的事情。任何人都可以帮助我吗？谢谢

【问题讨论】：

标签： javascript android css angularjs circularreveal

【解决方案1】：

我喜欢这样做的一种方式是使用 Web Animations API。您应该使用 polyfill 来支持 ie8。我知道您可能想回避 JS，但这可能是最好的方法。这个链接应该可以帮助你：https://codelabs.developers.google.com/codelabs/web-animations-transitions-playbackcontrol/index.html?index=..%2F..%2Findex#0 这是一个来自谷歌 I/O 的代码实验室，它应该可以帮助你

【讨论】：