Şu Şekilde Sayfalar Arası Geçiş Efekti Nasıl Ekleyebilirim?

document.querySelectorAll('a').forEach(item => {
     item.addEventListener('click', e => {
          e.preventDefault();

          // YAPILACAK ANİMASYON İŞLEMİ

          setTimeout(() => {
               window.location = e.currentTarget.getAttribute('href');
          }, 500);
     });
});

• A linklere animated-exit tarzı bi class ismi verirsiniz
• Javascriptle onClicklerini ezersiniz
• OnClick eventlerinde background rengi beyaz olan body'nin alpha'sını 0a çekersiniz
• Animasyon bittiğinde window.location = 'http://site.com/...' şeklinde yönlendirmenizi yaparsınız

• zIndex'i tüm elementlerden yüksek olan bir loading div'i eklersiniz. Bu div bütün ekranı kaplar position: fixed olabilir.
• $(document).ready() içerisinde yukarıdaki loading div'ini animasyonla görünmez yapıp dom'dan kaldırırsınız.