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

标签 javascript android css angularjs circularreveal

我会用 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 做同样的事情。任何人都可以帮助我吗?谢谢

最佳答案

我喜欢这样做的一种方式是使用 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 上制作的代码实验室,应该可以帮助您解决问题

关于javascript - 带有css的圆形显示动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34785011/

相关文章:

javascript - 如何在 gulpfile.js 中使用 babel-polyfill

javascript - 如何从谷歌浏览器扩展中获取 PDF 文件的 URL

javascript - 在 React 中刷新页面后如何使用 localStorage 来维护状态

带有 ul/li 的 jQuery 动画搜索框

html - 我将使用什么 CSS 来显示 1 到 5 评级图标或 Sprite ?

javascript - 动态添加新字段会重置先前字段中的值

android - 使用Android热敏打印机打印条码

android - 分析 v4 未捕获的异常不起作用

JavaScript 无法在 webview 上运行

javascript - 当我到达某个点时使 div 滚动