Gota de tinta china
Sobre papel de arroz cae una gota de tinta china que se extiende en la opción elegida y cambia el grosor del trazo.
Ajustes
Código
<fieldset class="uvq04-ink"><legend>Grosor del trazo</legend><svg class="fx" width="0" height="0" aria-hidden="true"><filter id="uvq04-ink-f"><feTurbulence type="fractalNoise" baseFrequency=".8" numOctaves="2" seed="4"/><feDisplacementMap in="SourceGraphic" scale="5"/></filter></svg><svg class="pv" viewBox="0 0 200 46" aria-hidden="true"><path pathLength="1" d="M14 32C42 6 64 42 94 22S152 6 186 28"/></svg><span class="hk" aria-hidden="true">墨</span><div class="op"><label><input type="radio" name="uvq04-ink"><span class="dt" aria-hidden="true"></span><span class="tx">Pincel fino</span></label><label><input type="radio" name="uvq04-ink" checked><span class="dt" aria-hidden="true"></span><span class="tx">Pincel medio</span></label><label><input type="radio" name="uvq04-ink"><span class="dt" aria-hidden="true"></span><span class="tx">Pincel ancho</span></label></div></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 Radio buttons
Ver todos: Radio buttonsDónde usarlo
Tres grosores de pincel sobre papel de arroz cálido, con un pequeño sello rojo en la esquina. Al elegir uno cae una gota de tinta dentro del círculo y se abre en una mancha irregular, con un filtro SVG de turbulencia para el borde rasgado. El trazo de muestra de arriba se vuelve a dibujar con el nuevo grosor, y encaja en apps de dibujo, papelerías y webs editoriales tranquilas.
El color principal es la tinta y el secundario el sello, así que una tinta índigo o sepia también queda natural. El filtro va dentro del bloque con un id con prefijo; usa uno por página y cambia las tres opciones por plumas, plumillas o grosores de línea.