Nuevo
Plan Pro
Todo lo que necesitas para crecer.
HTML + CSSCards
Tarjeta con degradado vivo
Una tarjeta con fondo de degradado de color que se desplaza despacio de lado a lado, con una etiqueta arriba.
Ajustes
16px
1x
Código
<div class="uv-kg"><span>Nuevo</span><h3>Plan Pro</h3><p>Todo lo que necesitas para crecer.</p></div>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
Dónde usarlo
Una tarjeta con degradado animado es la forma fácil de hacer destacar una opción entre otras lisas. Úsala para el plan «Pro» de una tabla de precios, la tarjeta de socio en la app de un gimnasio o el aviso de una función nueva en un panel. El fondo se mueve tan despacio que parece vivo sin agobiar.
El texto es blanco, así que elige dos colores que lo dejen leer en cualquier punto de la animación. Ponla junto a tarjetas neutras: rodeada de otros degradados pierde justo lo que tenía que hacer.