Home/ Questions/Q 7098065
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T11:00:37+00:00

I have a several links in my HTML. When a link is clicked, I

  • 0

I have a several links in my 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. Any help would be appreciated please.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    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 class='hide'>
...
</html>

    and the with JS:

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