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.

Commencer le Défis
    Tailwind CSS - Optimisation d'une carte interactive avec transitions performantes | Test Technique & Recrutement