Pegatina que se despega
Una pegatina troquelada con borde blanco cuya esquina se levanta al pasar el ratón y se despega más al pulsar.
Ajustes
Código
<button class="uvq01-stk" type="button"><span class="bd"><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 2.5l2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17.3l-5.9 3.3 1.3-6.6L2.5 9.4l6.6-.8z"/></svg><span>Únete al club</span></span><span class="fl" aria-hidden="true"></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
Las pegatinas de vinilo están por todas partes en el diseño de marca y este botón se comporta como una: forma troquelada de color vivo con borde blanco grueso, algo inclinada y con una esquina levantada. Al pasar el ratón la esquina se dobla más y enseña el reverso brillante, y al pulsar se despega casi hasta la mitad. Todo se mueve con una longitud registrada en CSS.
El color principal es la pegatina y el secundario el texto y el icono, así que lima ácido con negro o rosa con granate destacan mucho. Úsalo para unirse a un club, lanzamientos de merchandising, insignias o una invitación a la newsletter con humor.