Contrôle segmenté qui saute
Un indicateur en dégradé qui fait un petit saut et retombe sur la nouvelle option, comme une balle qui rebondit.
Réglages
Code
<div class="uv-fsj"><span class="p"></span><button class="on">Nouveautés</button><button>Top</button><button>À proximité</button></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
Ce contrôle a un côté joueur qui convient aux applis grand public. Imaginez une appli de restaurants où l’on passe de Nouveautés à Mieux notés puis À proximité, ou un fil communautaire qui trie les publications. Le saut rend le changement léger, presque amusant. Une bonne piste si vous voulez un contrôle segmenté animé qui n’a pas l’air trop sérieux.
Laissez un peu d’espace au-dessus, car l’indicateur monte un instant et pourrait passer sous un en-tête. Évitez-le dans une appli bancaire ou un back-office, où le calme vaut mieux que la gaieté. Des libellés courts lui vont le mieux.