Как сделать плавную анимацию перехода на другую страницу?

Question

[Eugene Chefranov]

Как с помощью CSS3 можно сделать по клику на ссылку плавный переход (FadeIn / FadeOut) на другую страницу.

Answer 1

[Денис Васильев]

smoothstate.com/index.html

Answer 2

[slavapegaskin]

@keyframes fade{

    from {
      opacity: 0;
    }

    to{
      opacity: 1;
    }
}

body {
  animate: fade 1s;
}