Muestrario de tejidos
Muestras de tela con borde dentado de tijera y textura real: lino, lana, pana, seda, vaquero y algodón para marcar.
Ajustes
Código
<fieldset class="uvq05-fb"><legend>Tejido</legend><div class="gr"><label style="--r:-3deg"><input type="checkbox"><span class="sh"><span class="sw"></span><b class="tg" aria-hidden="true"></b></span><span class="nm">Lino</span></label><label style="--r:2deg"><input type="checkbox" checked><span class="sh"><span class="sw"></span><b class="tg" aria-hidden="true"></b></span><span class="nm">Lana</span></label><label style="--r:-2deg"><input type="checkbox"><span class="sh"><span class="sw"></span><b class="tg" aria-hidden="true"></b></span><span class="nm">Pana</span></label><label style="--r:3deg"><input type="checkbox" checked><span class="sh"><span class="sw"></span><b class="tg" aria-hidden="true"></b></span><span class="nm">Seda</span></label><label style="--r:-1deg"><input type="checkbox"><span class="sh"><span class="sw"></span><b class="tg" aria-hidden="true"></b></span><span class="nm">Vaquero</span></label><label style="--r:2deg"><input type="checkbox"><span class="sh"><span class="sw"></span><b class="tg" aria-hidden="true"></b></span><span class="nm">Algodón</span></label></div><p class="ct"><span>Tejidos elegidos:</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
Las tiendas de moda, tapicería y muebles suelen filtrar por material, y una muestra dice más que una palabra. Cada cuadrado se recorta con un polígono de tijera dentada y se texturiza con degradados CSS en capas para trama, punto, canalé o brillo. Las muestras elegidas se levantan un poco inclinadas, enseñan pespunte y llevan una etiqueta con check.
El primer color marca el check y los nombres elegidos, y el segundo colorea la etiqueta. Ajusta colores y degradados de cada tejido en el código para tu catálogo y deja nombres cortos para pantallas pequeñas.