Pirámide olfativa
Las notas de un perfume en su pirámide de salida, corazón y fondo: cada piso de cristal se enciende y evapora al elegir notas.
Ajustes
Código
<fieldset class="uvq05-sp"><legend>Notas del perfume</legend><div class="rw r1"><span class="sl" aria-hidden="true"></span><div class="nb"><p class="tr"><b>Notas de salida</b> <span>15 min</span></p><div class="cs"><label><input type="checkbox" checked><span>Bergamota</span></label><label><input type="checkbox"><span>Limón</span></label><label><input type="checkbox"><span>Pimienta rosa</span></label></div></div></div><div class="rw r2"><span class="sl" aria-hidden="true"></span><div class="nb"><p class="tr"><b>Notas de corazón</b> <span>4 h</span></p><div class="cs"><label><input type="checkbox" checked><span>Rosa</span></label><label><input type="checkbox"><span>Iris</span></label><label><input type="checkbox"><span>Lavanda</span></label></div></div></div><div class="rw r3"><span class="sl" aria-hidden="true"></span><div class="nb"><p class="tr"><b>Notas de fondo</b> <span>8 h</span></p><div class="cs"><label><input type="checkbox"><span>Vainilla</span></label><label><input type="checkbox"><span>Ámbar</span></label><label><input type="checkbox" checked><span>Sándalo</span></label></div></div></div><p class="ct"><span>Notas elegidas:</span> <span class="n"></span></p></fieldset>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Filtros
Ver todos: FiltrosDónde usarlo
Los perfumistas describen una fragancia como una pirámide de notas de salida, corazón y fondo que se desvanecen a distinto ritmo, y este filtro usa esa estructura tal cual. Cada piso es una porción de cristal recortada junto a sus chips; al marcar una nota su piso se enciende y suelta partículas que suben rápido arriba y despacio en la base. Todo funciona con casillas y CSS.
El primer color tiñe la salida y el corazón y el segundo el fondo, del ámbar al ciruela. Cambia las notas y los tiempos por tu propio catálogo y úsalo en perfumerías, marcas de velas o mezclas de té.