动画化网页中的链接

Question

I have a several links in my HTML. 我的HTML中有几个链接。 When a link is clicked, I would like the new page to appear using a fade in/cross-dissolve animation. 单击链接后，我希望使用淡入/交叉溶解动画来显示新页面。 I have read a bit about CSS animations, but not sure if this is achievable. 我已经阅读了一些有关CSS动画的内容，但不确定是否可以实现。 Any help would be appreciated please. 任何帮助将不胜感激。

Answer 1

You can try this (and don't forget to load the styles at the head): 您可以尝试以下操作（不要忘记将样式加载到头部）：

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

html.hide{
    opacity: 0; 
}

the HTML HTML

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

and the with JS: 和JS：

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

动画化网页中的链接

问题描述

1 个解决方案

解决方案1
1 已采纳 2012-01-23 05:18:36

动画化网页中的链接

问题描述

1 个解决方案

解决方案1 1 已采纳 2012-01-23 05:18:36

解决方案1
1 已采纳 2012-01-23 05:18:36