Question

我的HTML中有几个链接。单击链接时，我希望使用淡入/交叉溶解动画显示新页面。我已经阅读了一些关于CSS动画的内容，但不确定这是否可以实现。任何帮助将不胜感激。

Answer 1

你可以试试这个（不要忘记在头部加载样式）：

html{
    opacity: 1;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 500ms;
}

html.hide{
    opacity: 0; 
}

HTML

<html class='hide'>
...
</html>

和JS：

window.onload = function(){document.getElementsByTagName('html')[0].className = '';}