Concentration au vaporisateur
Un flacon de parfum à poire à pompon : choisis la concentration et la poire libère un nuage de vapeur à sa mesure.
Réglages
Code
<div class="uvq05-at"><div class="bt" aria-hidden="true"><i class="ms"><i></i><i></i><i></i></i><i class="hd"></i><i class="nk"></i><i class="tb"></i><i class="bl"></i><i class="gl"><i class="lq"></i></i></div><fieldset><legend>Concentration</legend><label><input type="radio" name="uvq05-at"><span><b>Eau de Cologne</b><small>2–5 % · 2 h</small></span></label><label><input type="radio" name="uvq05-at"><span><b>Eau de toilette</b><small>5–15 % · 4 h</small></span></label><label><input type="radio" name="uvq05-at" checked><span><b>Eau de parfum</b><small>15–20 % · 6 h</small></span></label><label><input type="radio" name="uvq05-at"><span><b>Extrait</b><small>20–30 % · 8 h</small></span></label></fieldset></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
Voir tout : FiltresOù l’utiliser
Les parfumeries parlent d'eau de Cologne, d'eau de toilette, d'eau de parfum et d'extrait, mais la différence se comprend mieux en la voyant. Ce filtre radio accompagne un vaporisateur ancien dessiné en CSS : chaque choix fonce la couleur du liquide, presse la poire en filet et projette un nuage dont la taille suit la concentration. Le taux d'essence et la tenue figurent sous chaque nom.
La première couleur peint le col doré et le filet, la seconde la poire. Modifie les quatre options et leurs couleurs pour des brumes, des parfums d'ambiance ou des huiles essentielles, et baisse la vitesse pour une vaporisation plus lente.