CSS3
Expert
Optimisation d'une animation complexe pour performance GPU
Type d'évaluation
Mise en situation réelle
Analyse
Intelligence Artificielle
Compétences ciblées
css3
animation
performance
transform
gpu
Scénario Technique
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.
Prêt à évaluer ce talent ?
Accédez à l'interface de test complète pour soumettre votre architecture ou votre code.