Carné de socia
Club Alpino Cierzo
Lucía Ferrer
Nº 0427 · Desde 2019
Válido hasta 12/2027
HTML + CSSCards
Carné bordado en fieltro
Una tarjeta de socio de fieltro con parche bordado y un pespunte que se cose solo alrededor al pasar el ratón.
Ajustes
16px
1x
Código
<article class="uvq07-knt"><svg class="sw" viewBox="0 0 300 190" aria-hidden="true"><defs><mask id="uvq07-knt-m"><path class="rv" d="M22 8H278A14 14 0 0 1 292 22V168A14 14 0 0 1 278 182H22A14 14 0 0 1 8 168V22A14 14 0 0 1 22 8Z" pathLength="1"/></mask></defs><path class="st" d="M22 8H278A14 14 0 0 1 292 22V168A14 14 0 0 1 278 182H22A14 14 0 0 1 8 168V22A14 14 0 0 1 22 8Z" mask="url(#uvq07-knt-m)"/></svg><div class="in"><span class="pt"><svg class="mo" viewBox="0 0 40 40" aria-hidden="true"><circle class="su" cx="28" cy="13" r="3.4"/><path class="mt" d="M5 30L15 15l5 7 4.5-5.5L35 30z"/><path class="sn" d="M15 15l-2.8 4.2 2.8-1 2.6 1.6z"/></svg><span class="qr" role="img" aria-label="Código QR de acceso"><i class="on"></i><i class="on"></i><i></i><i></i><i></i><i class="on"></i><i class="on"></i><i class="on"></i><i class="on"></i><i class="on"></i><i></i><i></i><i class="on"></i><i class="on"></i><i class="on"></i><i class="on"></i><i class="on"></i><i class="on"></i><i></i><i class="on"></i><i class="on"></i><i class="on"></i><i></i><i></i><i class="on"></i><i></i><i></i><i></i><i class="on"></i><i></i><i></i><i class="on"></i><i></i><i></i><i class="on"></i><i class="on"></i><i class="on"></i><i></i><i class="on"></i><i></i><i></i><i></i><i class="on"></i><i class="on"></i><i class="on"></i><i class="on"></i><i class="on"></i><i></i><i></i></span></span><div class="tx"><p class="k">Carné de socia</p><h3>Club Alpino Cierzo</h3><p class="nm">Lucía Ferrer</p><p class="no">Nº 0427 · Desde 2019</p><div class="ft"><span>Válido hasta 12/2027</span><button type="button" aria-expanded="false" data-a="Mostrar QR" data-b="Ocultar QR">Mostrar QR</button></div></div></div></article>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 Cards
Ver todos: CardsDónde usarlo
Los textiles aportan una calidez que las tarjetas planas no tienen. Este carné superpone puntitos radiales para la textura de fieltro, dibuja un parche con borde de punto satén usando un degradado cónico y cose un pespunte SVG por el borde con una máscara animada al pasar el ratón o enfocarlo. Un botón cambia el escudo por un QR bordado. Encaja en clubes, marcas outdoor y programas de socios.
El color principal es el hilo dorado y el secundario el fieltro. Cambia el nombre del club, los datos de la socia y la montaña del parche, y conserva la proporción para que el pespunte siga el borde.