---
url: "/es/bannerify/animation/hover.md"
description: "Puedes añadir estados hover animados a cualquier capa de tu línea de tiempo de Bannerify, que se incluirán en todas las exportaciones HTML del plugin."
---

# Añadir estados de animación hover a las capas

> Puedes añadir estados hover animados a cualquier capa de tu línea de tiempo de Bannerify, que se incluirán en todas las exportaciones HTML del plugin.

### Tutorial en vídeo: añade animaciones hover a tus diseños de banners en Figma

En este vídeo verás cómo añadir animaciones hover a tus banners con el plugin Bannerify.
[Embedded media](https://www.youtube-nocookie.com/embed/dOdeG78NlSw)

[Video](/assets/videos/bannerify/animation/hovers.mp4)

Puedes añadir un estado de animación hover (para las exportaciones HTML) a cualquier capa de tu línea de tiempo activando el interruptor **Add Hover** y seleccionando después una animación hover en el menú desplegable que aparece. Puedes hacer que la animación se repita activando el interruptor **Loop**, y puedes ajustar la velocidad de la animación hover arrastrando el final de su barra de tiempo hover.

Para previsualizar cómo queda la animación, pasa el ratón por encima de la capa en la ventana de vista previa de Bannerify.

> **Tip:** **Aplicar una animación hover a varias capas**. También puedes aplicar una animación hover a varias capas a la vez con la función de [aplicación masiva](/es/bannerify/animation/animating-banners#applying-bulk-animations).

## Añadir estados hover de transición {#adding-transitional-hover-states}

[Video](/assets/videos/bannerify/animation/button-hovers.mp4)

Si quieres hacer una transición entre dos estados distintos (por ejemplo, cambiar los colores de un botón CTA al pasar el ratón por encima), crea tu capa de estado "hover", colócala encima de la capa original y aplícale el estado hover de entrada para que aparezca con una transición cada vez que se pase el ratón por encima de ese elemento.