CSS3
Avancé
Optimisation d'une animation CSS provoquant des saccades

Type d'évaluation

Mise en situation réelle

Analyse

Intelligence Artificielle

Compétences ciblées

css3
animation
performance
transform
transition

Scénario Technique

Contexte : Une interface comporte une animation de carte au survol utilisée dans un catalogue produit. Le Problème : L'animation provoque des saccades et une consommation CPU élevée sur certains navigateurs. Contraintes : Utiliser uniquement CSS3. Aucune librairie JavaScript autorisée. Code actuel : .card:hover { width: 310px; height: 410px; } Livrable attendu : Optimiser l'animation en utilisant transform et transition afin d'améliorer la performance et la fluidité.

Prêt à évaluer ce talent ?

Accédez à l'interface de test complète pour soumettre votre architecture ou votre code.

Commencer le Défis
    CSS3 - Optimisation d'une animation CSS provoquant des saccades | Test Technique & Recrutement