# Cristal roto interactivo: estilo de motion graphics

> Efecto de texto de cristal roto: letras de cristal cian que se agrietan bajo el cursor y sueltan esquirlas que vuelven a su sitio. Título hero interactivo para una web.

- Categoría: [Estilos reactivos](https://aimotions.art/es/categoria/estilos-reactivos/)
- También conocido como: efecto cristal roto, texto de cristal roto, efecto romper cristal, cristal agrietado, explosión de fragmentos, cristal que se recompone, cristal roto al pasar el ratón, efecto fractura al pasar el ratón
- Demo hecha con: Canvas · Energía: Dinámico · Fondo: Oscuro
- Demo en vivo: https://aimotions.art/es/estilos/glass-shatter/
- Versión en inglés: https://aimotions.art/styles/glass-shatter/

## Prompt (cambia [TEXTO] por tu texto)

```text
Compón [TEXTO] en letras anchas y gruesas de cristal tintado de cian a violeta, con destellos intensos en el bisel y un resplandor interior suave, fundidas en una lámina de cristal tenue sobre casi negro. En reposo, un punto invisible y lento recorre el panel dejando grietas blancas finísimas, con un patrón de fractura triangular, que se cierran tras él, y de vez en cuando arranca una esquirla suelta. Con el cursor encima, este agrieta el cristal allí por donde pasa, y los barridos rápidos arrancan esquirlas triangulares en la dirección del gesto: vuelan, giran y brillan con bordes cian, empiezan a caer y vuelven magnéticamente a su sitio mientras las grietas se desvanecen, hasta que [TEXTO] queda entero de nuevo en unos dos segundos. Un clic hace estallar el panel en una explosión radial de esquirlas.
```

## ADN visual

- Letras de cristal de cian a violeta fundidas en un panel tenue sobre casi negro
- Grietas finísimas siguen al cursor y se cierran cuando el cristal se asienta
- Los barridos rápidos arrancan esquirlas triangulares que giran, brillan y caen
- Las esquirlas vuelven magnéticamente a su sitio en menos de dos segundos
- Un clic hace estallar el panel en una explosión de esquirlas

Los prompts se pueden copiar, adaptar y usar libremente en proyectos personales y comerciales, sin necesidad de citar la fuente. Republicar la colección o una parte sustancial de ella (por ejemplo, como otra biblioteca o un conjunto de datos) requiere permiso por escrito.

Cómo citarlo: Cristal roto interactivo, aimotions, https://aimotions.art/es/estilos/glass-shatter/