Materia
Objetos digitales con tacto, ritmo y una identidad propia.
HTML + CSSCards
Card con aura y flecha
Un brillo suave sigue al ratón por dentro de la tarjeta y la flecha del botón avanza un poco.
Ajustes
16px
1x
Código
<article class="uv-ca"><i></i><small>COLECCIÓN 04</small><h3>Materia</h3><p>Objetos digitales con tacto, ritmo y una identidad propia.</p><button>Explorar <b>↗</b></button></article>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
Luce en diseños oscuros y con aire, donde un poco de luz guía la mirada: la nueva colección de una marca de cerámica o el caso destacado del portfolio de un estudio. Esta card con efecto de luz al pasar el cursor está hecha en HTML y CSS, con unas líneas de JavaScript para seguir el ratón.
Con una o dos por página basta; una rejilla entera brillando acaba pareciendo una discoteca. Elige bien el primer color, porque el brillo toma su tono. En pantallas táctiles no hay hover, así que la luz se queda quieta en su esquina.