javascript - 带有css的圆形显示动画

Question

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

Answer 1

我喜欢这样做的一种方式是使用 Web Animations API。您应该使用 polyfill 支持低至 ie8。我知道你可能想回避 JS，但这可能是最好的方法。此链接应该可以帮助您:https://codelabs.developers.google.com/codelabs/web-animations-transitions-playbackcontrol/index.html?index=..%2F..%2Findex#0这是 Google 在 I/O 上制作的代码实验室，应该可以帮助您解决问题