Capas que se abren
Dos capas de color se esconden tras el botón y se abren en abanico como papeles apilados al pasar el ratón.
Ajustes
Código
<button class="uv-ply"><span class="l2" aria-hidden="true"></span><span class="l1" aria-hidden="true"></span><span class="t">Suscríbete</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.
Más en Botones
Ver todos: BotonesDónde usarlo
Este botón juguetón toma prestado el collage de papel recortado y las maquetas neobrutalistas: contornos gruesos, colores planos y dos capas extra apiladas debajo. Al pasar el ratón las capas asoman y giran un poco; al pulsar todo vuelve a quedar plano. Va bien en newsletters, fanzines, webs educativas y marcas con voz editorial hecha a mano.
El control de distancia marca cuánto se separan las capas, de un desfase sutil a una pila llamativa. Funcionan mejor los colores claros y vivos, porque el texto sigue oscuro para mantener buen contraste en modo claro y oscuro.