webkit页面动画制作技术

Question

有没有可能创建一个webkit页面动画，这样当我单击一个链接转到另一个页面时，我可以使用两个单独的HTML文件，不使用AJAX，对新的内容页面进行左右擦除或左右擦除？只是一些特殊情况下的链接吗？

因此，对于那些拥有支持webkit的浏览器的人来说，这个链接变得别出心裁。对于那些没有的人来说，它就像一个普通的链接。

额外的好处--也可以让它与mozilla页面动画一起工作。

Answer 1

1. Find all external links
2. on click...
3. prevent default
4. Apply class to body element like“that”
5. 使用该类使页面动画消失(例如，body.leaving { transform: translateX：-100%；}
6. 当动画完成时(例如，与CSS动画同步的setTimeout )预加载到所有内部页面上的链接预加载的href，在body
7. 上有默认类“

”

1. 删除dom上的该类
2. 移除该类会做相反的动画处理，因此页面会滑动到位。

通过这种方式，你必须从本质上“淡出到白色”，但这已经很接近了。

Answer 2

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