Tailwind CSS
Avancé
Optimisation d'une carte interactive avec transitions performantes
Type d'évaluation
Mise en situation réelle
Analyse
Intelligence Artificielle
Compétences ciblées
tailwind
animation
transform
transition
performance
Scénario Technique
Contexte : Une galerie produit utilise des effets au survol pour agrandir légèrement les cartes. Le Problème : L'effet actuel provoque des sauts de layout car il modifie les dimensions. Contraintes : Utiliser uniquement les classes Tailwind et privilégier transform et transition. Code actuel : <div class="hover:w-80 transition-all"> Carte produit </div> Livrable attendu : Refactoriser l'effet hover afin d'utiliser scale et transform pour garantir une animation fluide sans décalage.
Prêt à évaluer ce talent ?
Accédez à l'interface de test complète pour soumettre votre architecture ou votre code.