Perfume atomizer concentration
A perfume bottle with a tasselled bulb: choose the concentration and the bulb squeezes out a mist cloud to match.
Settings
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>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>Extract</b><small>20–30 % · 8 h</small></span></label></fieldset></div>Prompt for AI
Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.
More in Filters
See all FiltersWhere to use it
Perfume shops list cologne, eau de toilette, eau de parfum and extract, but the difference is easier to feel than to read. This radio filter sits next to a vintage atomizer drawn in CSS: each choice deepens the liquid colour, squeezes the netted bulb and sprays a mist whose size follows the concentration. Oil percentage and wear time sit under each name.
The first colour paints the gold collar and the bulb netting, the second the bulb itself. Edit the four options and their colours for body sprays, room scents or essential oils, and lower the speed for a slower spray.