Transition de page slide up

001<script>
002document.addEventListener('DOMContentLoaded', function() {
003  // Style initial
004  document.body.style.transform = 'translateY(0)';
005  document.body.style.opacity = '1';
006  document.body.style.transition = 'transform 0.4s ease, opacity 0.4s ease';
007  
008  document.querySelectorAll('a').forEach(link => {
009    if (link.hostname === window.location.hostname && 
010        !link.href.includes('#') && 
011        !link.hasAttribute('target')) {
012      
013      link.addEventListener('click', function(e) {
014        e.preventDefault();
015        
016        // Effet slide up + fade
017        document.body.style.transform = 'translateY(-20px)';
018        document.body.style.opacity = '0';
019        
020        setTimeout(() => {
021          window.location.href = link.href;
022        }, 400);
023      });
024    }
025  });
026  
027  // Animation d'entrée
028  window.addEventListener('load', function() {
029    document.body.style.transform = 'translateY(0)';
030    document.body.style.opacity = '1';
031  });
032});
033</script>