Animación de texto Cristal roto interactivo: la palabra aimotions animada en este estilo
004ReactivosCanvas

Cristal roto interactivo

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.

Prompt · cambia [TEXTO]

Universal
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 toque 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. En pantallas táctiles, el dedo lo agrieta y lo rompe igual.

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
Categoría
Estilos reactivos
Demo hecha con
Canvas
Energía
Dinámico
Fondo
Oscuro

También conocido como

Apoyo
Mantén aimotions gratis

Sin muros de pago ni registro. Si un prompt te ha ahorrado una hora, un café ayuda a que sigan llegando estilos nuevos.

Invítame a un café

Teclas: ← → navegar · C copiar

Usa este estilo

  1. Paso 01Copia el prompt

    Describe el estilo Cristal roto interactivo (composición, tipografía, paleta, textura y ritmo) sin atarte a ninguna herramienta.

  2. Paso 02Cambia [TEXTO]

    Pon tu palabra, el nombre de tu producto o un titular. Las palabras cortas (4–12 letras) se leen mejor en la mayoría de estilos.

  3. Paso 03Pide un formato

    Pégalo en Claude Opus 5.5, Claude Sonnet 5.5, Claude Fable 5.5, GPT-6 Astra o GPT-6.1 Sol o un modelo posterior, y pide un único archivo HTML, un componente, un shader o un brief. Para la cabecera de una web, usa «Copiar para título web».

Títulos web →Guía de prompts →

Estilos relacionados

Ver categoría Reactivos →
067AnalógicoCanvas

Artefactos de compresión

artefactos de compresión · efecto deep fried · efecto bajo bitrate · efecto imagen de baja calidad

Ver →

Que siga siendo gratis.

aimotions no tiene muro de pago ni registro. Se financia con quienes encuentran un estilo que les encanta. Un café en Ko-fi ayuda a pagar el alojamiento y la siguiente tanda de estilos.

Apoyar en Ko-fi ♥