做webkit页面动画的技巧

Question

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

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

奖金 - 也让它与mozilla页面动画一起使用。

Answer 1

1. 查找所有外部链接
2. 点击...
3. 防止默认
4. 将类应用于像“离开”
这样的body元素
5. 将该类用于CSS动画页面（例如body.leaving {transform：translateX：-100％;}
6. 当动画完成时（例如setTimeout与CSS动画同时）window.location到链接的href
7. 在所有内部网页上，在正文
上设置默认类“preload”
8. 在dom ready上删除该课程
9. 删除该类会执行“离开”类所做的反向动画，因此页面会滑动到位。

在这样做之间你必须基本上“淡化为白色”，但它已经接近了。

Answer 2

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