做 webkit 页面动画的技术

Question

是否可以创建一个 webkit 页面动画，以便当我单击链接转到另一个页面时，我可以使用两个单独的 HTML 对新的内容页面进行左右擦除或左右擦除文件和没有 AJAX？只是想为特殊情况添加链接？

所以，对于那些拥有支持 webkit 的浏览器的人来说，这个链接会很有趣。对于那些没有的人，它就像一个常规链接。

奖励 - 也让它与 mozilla 页面动画一起工作。

Answer 1

1. 查找所有外部链接
2. 点击...
3. 防止默认
4. 将类应用于正文元素，例如“离开”
5. 使用该类对页面进行 CSS 动画处理（例如 body.leaving { transform: translateX: -100%; }
6. 动画完成时（例如 setTimeout 与 CSS 动画相同的时间）window.location 到链接的 href
7. 在所有内部页面上，正文都具有默认的“预加载”类
8. 在 dom 就绪时删除该类
9. 删除该类会执行“离开”类执行的反向动画，因此页面会滑动到位。

在这样做之间你必须基本上“变白”，但它很接近。

Answer 2

简短的回答是“否”，因为不使用 Ajax 就无法获取传入页面的 HTML。也就是说，一旦您检索到传入页面的 HTML，您就可以在所有现代浏览器中使用纯 CSS 制作动画。