Javascript 页面切换CSS3上的转换动画

我想到了一个很酷的方法来处理我的新网站，它可以在我的页面之间进行滑动转换。我在谷歌上搜索过，找到了angular.js和其他类似的解决方案，但这些解决方案似乎只适用于单页使用。因为我有更多的东西，我想知道在两个页面之间的过渡中是否有好的、平滑的动画实现方法

因此，基本上，当前页面应该有一个动画，根据加载下一页时下一页在水平菜单中的位置向左或向右移动页面。当目标页面完成加载后，它将显示该页面的动画，从上一页显示的相反方向滑入

---

这可能吗？

如果您可以控制页面中的所有链接，而不是使用硬编码链接，请将导航委托给单击事件。在这种情况下，在实际导航到目标页面之前，首先播放滑出动画

---

可以将输入动画的方向作为参数传递给目标页面url。默认情况下，目标页面的内容不应显示在视图中，然后根据动画方向参数，在加载页面后将内容滑回视图。

但警告一词。这样的用户体验不会太好。转换之间的页面加载可能会使进程变得相当缓慢。通过ajax加载新内容并在内容中交换将提供更流畅的体验。我非常喜欢在单击导航后立即使用ajax加载网站，然后在下一页加载ajax后运行动画加载屏幕，然后显示它。这样做的目的应该是让浏览两个页面之间的等待时间变短，从而使用漂亮平滑的页面动画获得更好的体验！好吧，有人想把这种过渡添加到不是作为单页应用程序构建的网站上。我刚刚看到这个项目，如果您还没有尝试过其他解决方案，它可能会有所帮助。