# Letras magnéticas: estilo de motion graphics

> Efecto de texto magnético: cada letra va sujeta a un muelle y el cursor la atrae, la inclina y la levanta de la página. Título hero interactivo para una landing.

- Categoría: [Estilos reactivos](https://aimotions.art/es/categoria/estilos-reactivos/)
- También conocido como: efecto magnético, texto magnético, letras magnéticas, efecto hover magnético, letras que siguen al cursor, título interactivo, letras elásticas, efecto imán
- Demo hecha con: CSS · Energía: Dinámico · Fondo: Claro
- Demo en vivo: https://aimotions.art/es/estilos/magnetic-letters/
- Versión en inglés: https://aimotions.art/styles/magnetic-letters/

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

```text
Compón [TEXTO] enorme y centrado en minúsculas geométricas anchas y muy gruesas, negro tinta sobre una página blanco roto cálido con una tenue trama de puntos. Cada letra es un pequeño imán sujeto a un muelle. En reposo, un punto de atracción invisible deriva despacio por la palabra y las cercanas se inclinan unos píxeles hacia él. Con el cursor encima, este se vuelve un imán potente rodeado de finos círculos discontinuos que giran: las letras a su alcance se acercan hasta una décima parte del ancho, se inclinan hacia él, crecen un poco, se tiñen de azul eléctrico y se levantan de la página con una sombra suave creciente. Al irse el cursor, cada letra vuelve con un rebote vivo y se asienta en menos de un segundo. Un clic invierte la polaridad: las letras salen despedidas y vuelven de golpe.
```

## ADN visual

- Minúsculas geométricas anchas y muy gruesas en negro tinta sobre blanco roto
- Letras atraídas hacia el cursor con muelles, inclinándose hacia él
- Las letras alzadas crecen, se tiñen de azul eléctrico y proyectan sombra suave
- Anillos discontinuos de campo magnético orbitan el punto de atención
- Un clic invierte la polaridad: las letras salen despedidas y vuelven de golpe

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: Letras magnéticas, aimotions, https://aimotions.art/es/estilos/magnetic-letters/