> ## Documentation Index
> Fetch the complete documentation index at: https://help.chateea.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Animaciones de texto, imágenes y botones

> Agrega animaciones de entrada, al pasar el cursor y en bucle a textos, imágenes y botones de tus páginas.

Las animaciones le dan movimiento a tus páginas y ayudan a dirigir la mirada del visitante hacia lo importante: un titular, una oferta o un botón de compra. En el creador de embudos y sitios web de Chateea puedes animar textos, imágenes y botones desde la pestaña **Animaciones** del panel de estilo, sin escribir código.

## Qué elementos puedes animar

| Elemento | Animación de entrada | Animación al pasar el cursor | Animación en bucle |
| - | - | - | - |
| Títulos y subtítulos | Sí | No | Sí |
| Párrafos y listas con viñetas | Sí | No | Sí |
| Imágenes | Sí | Sí | Sí |
| Botones | Sí | Sí | Sí |

Las animaciones en bucle están disponibles para todos los elementos. Si quieres animar bloques completos, consulta las animaciones de secciones, filas y columnas en los artículos relacionados.

## Tipos de animación

### Animaciones de entrada

Se reproducen cuando el elemento aparece en pantalla al hacer scroll. Hay cinco familias:

* **Desvanecer** (Fade): el elemento aparece de forma gradual. Es la opción más sutil y elegante.
* **Deslizar** (Slide): el elemento entra desde arriba, abajo, izquierda o derecha.
* **Rebotar** (Bounce): un efecto juguetón que llama la atención.
* **Rotar** (Rotate): el elemento gira mientras aparece.
* **Zoom**: el elemento crece o se reduce al entrar, ideal para destacar un dato clave.

### Animaciones al pasar el cursor

Solo para imágenes y botones. Se activan cuando el visitante coloca el cursor encima del elemento y hacen que la página se sienta más interactiva. Los efectos de botón que antes estaban en la pestaña **Avanzado** ahora viven en la pestaña **Animaciones**. El cambio es compatible con lo que ya tenías configurado: tus botones conservan sus efectos anteriores.

### Animaciones en bucle

Aplican un movimiento continuo (por ejemplo, un brillo o un rebote que se repite) para mantener un elemento siempre en movimiento. Úsalas con moderación, por ejemplo en el botón principal de una oferta.

## Cómo agregar una animación

**1. Abre la página en el editor**

Ve a **Sitios**, abre tu embudo o sitio web y haz clic en **Editar** en el paso o página que quieres modificar.

**2. Selecciona el elemento**

Haz clic en el texto, la imagen o el botón que quieres animar, o agrégalo desde **Agregar elementos**.

**3. Abre la pestaña Animaciones**

En el panel de configuración de la derecha, entra en la pestaña **Animaciones**.

**4. Elige el efecto**

Selecciona una animación de entrada, de cursor o en bucle. Según el efecto, podrás ajustar la dirección y la velocidad.

**5. Revisa el resultado**

El efecto se ve en vivo dentro del editor, así que puedes probar varias opciones antes de decidir.

**6. Guarda y publica**

Guarda los cambios y publica la página para que tus visitantes vean las animaciones.

> [!TIP]
>
> Si quieres quitar todas las animaciones de un elemento, usa el botón **Borrar** de la pestaña **Animaciones** para volver a "Ninguna".

## Buenas prácticas

* Anima solo lo que merece atención: el titular principal, la oferta y el botón de llamada a la acción. Demasiado movimiento distrae y cansa.
* Usa efectos suaves (desvanecer o deslizar) en textos largos y reserva rebotes y zoom para elementos cortos.
* Las animaciones funcionan en todos los dispositivos y tamaños de pantalla, pero revisa siempre la vista móvil antes de publicar.

## Preguntas frecuentes

> **¿Cuándo se reproduce una animación de entrada?**
>
> Cuando el elemento entra en la parte visible de la pantalla mientras el visitante hace scroll. Así la animación acompaña la lectura en lugar de ocurrir toda de golpe al cargar la página.

> **¿Perdí los efectos de mis botones al moverse a la pestaña Animaciones?**
>
> No. El cambio es compatible con configuraciones anteriores y tus botones mantienen los efectos que ya tenían.

> **¿Puedo animar un texto al pasar el cursor?**
>
> No. Las animaciones al pasar el cursor están disponibles para imágenes y botones. Los textos admiten animaciones de entrada y en bucle.

## Artículos relacionados

> **[Animaciones de secciones, filas y columnas](https://help.chateea.com/docs/sitios/animaciones-de-entrada-para-secciones-filas-y-columnas.md)**
>
> Anima bloques completos de tu página.

> **[Barra lateral del creador](https://help.chateea.com/docs/sitios/barra-lateral-del-creador.md)**
>
> Conoce las pestañas General, Estilos y Animaciones.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.