/* 1. Mettre ce HTML tout en bas, avant </body> */ <div class="zone-pluie-singes"> <span style="left:10%; animation-delay:0s;">🍌</span> <span style="left:25%; animation-delay:2s;">🐒</span> <span style="left:45%; animation-delay:1s;">🍌</span> <span style="left:65%; animation-delay:3s;">🐒</span> <span style="left:85%; animation-delay:1.5s;">🍌</span> </div> /* 2. Mettre ce CSS dans la zone <style> */ .zone-pluie-singes { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; } .zone-pluie-singes span { position: absolute; top: -50px; font-size: 2rem; animation: chuteAnim 6s linear infinite; } @keyframes chuteAnim { 0% { transform: translateY(0) rotate(0deg); opacity: 1; } 100% { transform: translateY(105vh) rotate(360deg); opacity: 0; } }