Optimisation d'une animation complexe pour performance GPU

Scénario

Contexte : Une interface produit utilise une animation d'ouverture de panneau latéral. Le Problème : L'animation provoque des ralentissements sur appareils modestes car elle modifie width et left. Contraintes : Optimiser uniquement via CSS3. Aucune librairie externe. Code actuel : .panel { transition: width 0.3s ease; } .panel.open { width: 300px; } Livrable attendu : Refactoriser l'animation pour utiliser transform et garantir une meilleure performance GPU.

Compétences ciblées