---
url: "/es/bannerify/animation/animation-easing.md"
description: "Elige curvas de easing para controlar el ritmo de tus animaciones personalizadas."
---

# Definir el easing de la animación

> Elige curvas de easing para controlar el ritmo de tus animaciones personalizadas.

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

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

[Video](/assets/videos/bannerify/animation/changing-easing.mp4)

Puedes elegir el tipo de easing que necesita tu animación con una opción del menú **Easing**. El easing se aplica automáticamente a toda la línea de tiempo y actualiza el área **Live preview**, para que veas cómo el easing seleccionado cambia el movimiento de tu animación con fotogramas clave.

Puedes elegir entre estas opciones de easing:

- Ease (predeterminada)
- Ease out
- Ease in
- In and out
- Linear
- Gentle
- Overshoot
- Anticipate

## Definir un valor de easing Cubic Bezier personalizado {#setting-a-custom-cubic-bezier-easing-value}

### Tutorial en vídeo: añade easing cubic-bezier a animaciones de banners en Figma

En este vídeo verás cómo añadir easing cubic-bezier personalizado a animaciones de banners en Figma con el plugin Bannerify.
[Embedded media](https://www.youtube-nocookie.com/embed/uS2TRRQiYzw)

Para usar tu propia curva, arrastra los tiradores de la curva en el menú **Easing**, o pega un valor cubic-bezier de CSS válido (por ejemplo, `cubic-bezier(0.65,0.05,0.36,1);`) en el campo que hay debajo de los ajustes predefinidos. Puedes generar una curva cubic-bezier personalizada con un sitio como [https://easings.co/](https://easings.co/) o con cualquier otro servicio web que prefieras para generar curvas cubic-bezier de CSS personalizadas.