Menu déroulant en cascade
Le menu s’ouvre depuis le haut et ses options apparaissent l’une après l’autre.
Réglages
Code
<div class="uv-fdd"><button class="tg">Catégorie <i><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"/></svg></i></button><div class="mn"><button style="--i:0">Toutes</button><button style="--i:1">Design</button><button style="--i:2">Code</button><button style="--i:3">Photos</button></div></div>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Filtres
Où l’utiliser
Un menu déroulant pour les cas où un seul choix suffit. Le sélecteur de catégorie d’un catalogue de formations en ligne, par exemple : Toutes, Design, Développement, Photo. L’entrée échelonnée donne un air soigné à une simple liste, et la flèche pivote pour montrer que le menu est ouvert. Utile si vous cherchez un menu déroulant animé en HTML et CSS.
Gardez une liste courte, six ou sept options au maximum, sinon la cascade traîne. Pour une liste plus longue, tournez-vous vers le menu avec champ de recherche. Et si votre public est pressé, accélérez l’animation.