---
url: "/pt/bannerify/animation/animation-easing.md"
description: "Escolha curvas de easing para controlar o ritmo das suas animações personalizadas."
---

# Definir o easing da animação

> Escolha curvas de easing para controlar o ritmo das suas animações personalizadas.

### Vídeo tutorial: adicione animações personalizadas aos seus banners no Figma

Este vídeo mostra como adicionar animações de keyframes personalizadas aos seus banners com o plugin Bannerify.
[Embedded media](https://www.youtube-nocookie.com/embed/Js4uSQ855uo)

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

Para escolher o tipo de easing que a sua animação deve ter, selecione uma opção no menu **Easing**. O easing é aplicado automaticamente a toda a linha do tempo e atualiza a área **Live preview**, para que você veja como o easing selecionado muda o movimento da animação de keyframes.

Você pode escolher entre estas opções de easing:

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

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

### Vídeo tutorial: adicione easing cubic-bezier às animações de banners no Figma

Este vídeo mostra como adicionar easing cubic-bezier personalizado às animações de banners no Figma com o plugin Bannerify.
[Embedded media](https://www.youtube-nocookie.com/embed/uS2TRRQiYzw)

Para usar sua própria curva, arraste as alças da curva no menu **Easing** ou cole um valor CSS cubic-bezier válido (por exemplo, `cubic-bezier(0.65,0.05,0.36,1);`) no campo abaixo das predefinições. Para gerar uma curva cubic-bezier personalizada, use um site como [https://easings.co/](https://easings.co/) ou qualquer outro serviço on-line de sua preferência que gere curvas CSS cubic-bezier.