Tailwind CSSمتقدم
Création d'un menu déroulant accessible uniquement avec Tailwind
السيناريو
Contexte : Une application interne nécessite un menu avec sous-éléments affichés au survol. Le Problème : Les sous-menus sont toujours visibles et perturbent l'interface. Contraintes : Utiliser uniquement les classes Tailwind (group, hover, focus-within). Aucun JavaScript. Livrable attendu : Implémenter un menu déroulant fonctionnel et accessible au clavier en utilisant les utilitaires Tailwind.
المهارات المستهدفة
tailwindmenuhoveraccessibilityui
حالات تطبيقية أخرى في Tailwind CSS
- Correction d'une image déformée dans une carte responsiveأساسي
- Création d'un système de composants réutilisables via @applyخبير
- Création d'un bouton avec effet hover et transition fluideأساسي
- Création d'un système de design tokens avancé avec configuration Tailwindخبير
- Création d'un header sticky avec Tailwindأساسي
- Implémentation d'un layout fluide sans media queries personnaliséesخبير
أسئلة أصلية من تصميم CodeDuel. لا ترتبط CodeDuel بأي ناشر أو هيئة اعتماد مذكورة؛ أسماء الشهادات والعلامات التجارية مملوكة لأصحابها، ولا تُذكر إلا للإشارة إلى المجال الذي يغطيه الاختبار. الإبلاغ عن محتوى