在加载和单击时页面到页面淡入淡出过渡

Question

大家早，

我在网上搜索了此内容，甚至找不到我想要的面包屑。

如果可能的话，css3仅在没有jQuery的情况下才能使用。

1）我希望整个页面在加载时平滑消失

2）当单击导航链接到另一个页面时，我希望整个页面平滑地淡出，然后淡入新页面。 （单独的html文件，而不使用单个页面设计）。

在此代码上需要一个跨浏览器友好的简洁代码。

非常感激。

Answer 1

您应该使用类似

FindImage.css（{“ opacity”：“ 0.1”}）。animate（{“ opacity”：“ 1”}，“ slow”）;

内部onload函数和

FindImage.css（{“ opacity”：“ 1”}）。animate（{“ opacity”：“ 0.1”}，“ slow”）;

在导航按钮的单击功能的回调函数中