iOS在CSS/JS中重新创建的“背景中打开”动画

Question

当您打开背景中的链接时，我正在寻找一种重新创建iOS safari动画的方法(该项目将一个快速的动画跳到您可以从其中获得的位置)--该动画也出现在OSX的“保存到阅读列表”中。

有人知道如何在CSS/JS中为我正在开发的一个基于web的应用重新创建这个动画/效果吗?或者看到了一个库/tut，它对此有帮助吗？

谢谢

Answer 1

如果您想要将动画元素从浏览器中移出，那么只使用js/css可能会不太好。如果动画包含在浏览器窗口中，则可以使用jQuery？http://jquery.com。

库中有大量的动画apis来执行您正在说的话- clone -> move + zoomIn together -> move -> move + zoomOut together -> finally add to new location in DOM。你也可以控制动画的速度和加速与放松功能。

这是我发明的一种小提琴，兔子进入桶中- http://jsfiddle.net/ydMAB/。

在上面的小提琴里，兔子不会在曲线中移动。如果您愿意，可以使用路径插件jquery - https://github.com/weepy/jquery.path。

编辑：添加了一个小提琴示例，并将jquery更改为jquery，因为它足以满足上下文中所需的基本动画。还添加了一个路径插件的链接来做一个曲线动画。