webkit - 做 webkit 页面动画的技术

Question

是否可以创建一个 webkit 页面动画，这样当我单击一个链接转到另一个页面时，我可以对新的内容页面进行左右擦除或左右擦除，使用两个单独的 HTML 文件，并且没有阿贾克斯？只是为了特殊情况而设计链接？

因此，对于那些拥有支持 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 制作动画。