Essayer de couper les éléments qui sortent de la page html

J'expérimente la création d'un petit jeu, où les éléments (tous les éléments image/img pour être exact) se déplacent sur l'écran. Lorsque leur position passe en coordonnées négatives (montant ou gauche, hors limites de l'écran), la partie qui traverse l'écran reste masquée. Mais s'ils vont vers le bas ou vers la droite, lorsqu'ils atteignent le bord de l'écran, vous pouvez simplement leur marquer pour les revoir.
https://9apps.ooo/
C'est un problème pour moi, car je veux "rogner" les éléments lorsqu'ils quittent les limites de l'écran de l'utilisateur dans n'importe quelle direction. Est-ce que l'un d'entre vous sait comment je peux faire ça ?
Modifié par assiah10 (21 Jul 2022 - 22:38)

Bonsoir. Vous avez essayé un overflow:hidden sur l'élément conteneur ?

MDN web docs a écrit :
Le contenu est rogné si besoin pour s'inscrire dans la boîte de remplissage (padding) et aucune barre de défilement n'est affichée.

Si je comprends bien tu veux que ce qui dépasse en haut ou à gauche disparaissent mais pas ce qui dépasse en bas et à droite ?