Botón con malla de color
Manchas de color suaves se mueven y se mezclan bajo una capa esmerilada, con un destello que gira al pasar.
Ajustes
Código
<button class="uv-msh"><span class="m" aria-hidden="true"><i></i><i></i><i></i></span><span class="t"><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 2l1.9 5.6L19.5 9.5l-5.6 1.9L12 17l-1.9-5.6L4.5 9.5l5.6-1.9zM19 15l.9 2.1L22 18l-2.1.9L19 21l-.9-2.1L16 18l2.1-.9z"/></svg>Crear con IA</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
Los degradados de malla son el sello de los productos de IA y las herramientas creativas, y este botón mantiene uno vivo dentro de una píldora: tres manchas desenfocadas se desplazan despacio en direcciones distintas bajo una capa de cristal ligera. El icono de destello gira al pasar el ratón, una señal conocida para acciones de generar, magia o crear.
Elige dos colores que contrasten para una mezcla viva y usa el desenfoque para pasar de formas definidas a una nube de color. Deja el texto blanco y corto para que se lea sobre el movimiento.