HTML + CSSBotones

Botón risográfico

Impresión a dos tintas con el registro algo desplazado: bajo el cursor los puntos de la trama crecen hasta ser tinta sólida.

Ajustes

16px
1x

Código

<button class="uvq01-rso" type="button"><span class="ht" aria-hidden="true"></span><span class="t2" aria-hidden="true">Imprimir</span><span class="t">Imprimir</span></button>

Prompt para IA

Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.

Versión Markdown con todo el código, para asistentes de IA

Más en Botones

Ver todos: Botones

Dónde usarlo

La risografía, con su rosa fluorescente, su azul intenso y su registro imperfecto, es la favorita de fanzines y estudios independientes. Este botón la imita sobre papel crema: trama de puntos rosa bajo letras azules, una copia rosa de la etiqueta algo fuera de registro y, bajo el puntero, puntos que crecen hasta ser tinta sólida gracias a un filtro de contraste. Bueno para carteles y festivales.

El color principal es la tinta de la trama y el secundario el de las letras y el borde, así que parejas clásicas de riso como amarillo y verde azulado o naranja y violeta son fáciles. Mover el puntero también desplaza un poco la copia fuera de registro, como en una tirada hecha a mano.