# Cursor Gravity: Animação de revelação de botão

Um cursor triangular arredondado puxa um botão da borda da tela com uma resistência elástica até ele se acomodar no centro. Efeito de vídeo: copie o código para Claude ou edite no Subclip.

Canonical URL: https://www.subclip.app/pt/motion-graphics-templates/remotion/cursor-gravity

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-cursor-gravity.mp4?v=8410cfda3a

Um cursor agarra um botão na borda da tela e o puxa em puxões elásticos, até o botão se soltar e se acomodar no centro.

- Framework: Remotion
- Categoria: Efeitos
- Duração: 6 s
- Proporção: 16:9 horizontal
- Código: Pegue o código (login grátis): https://www.subclip.app/pt/motion-graphics-templates/remotion/cursor-gravity

Sobre um fundo roxo vibrante, um cursor triangular creme sobe por baixo e agarra a borda direita de um botão escondido. Ele puxa duas vezes e, a cada vez, o botão estica e volta como borracha; então um último puxão o solta e a borda de trás volta para dentro com mola. O cursor sai por baixo e o botão creme "Create something" se acomoda no centro. A animação dura cerca de seis segundos.

Você pode mudar o texto do botão, a tensão elástica e as cores do cursor, do botão, do texto e do fundo, além da velocidade de reprodução e do fundo ao redor da cena. Use em uma chamada para ação, na revelação de um recurso de app, em uma intro de produto divertida ou em um convite para cadastro no fim do vídeo.

## Use para

- Chamadas para ação
- Revelações de recursos de apps
- Intros de produto divertidas
- Convites para cadastro no fim do vídeo

## O que você pode alterar

- `speed`: Velocidade de reprodução (Número)
- `label`: Texto do botão (Texto)
- `tension`: Tensão (Número)
- `cursorColor`: Cor do cursor (Cor)
- `color`: Cor do botão (Cor)
- `textColor`: Cor do texto (Cor)
- `backgroundColor`: Cor de fundo (Cor)
- `stageBackground`: Fundo ao redor da cena (Texto)

## Como usar este template

1. Baixe o Subclip para Mac ou Windows. Todos os templates desta página já vêm instalados.
2. Abra o painel Templates, escolha Cursor Gravity e arraste para a sua timeline.
3. Altere o texto, as cores e o tempo nas configurações da camada, ou peça ao agente de IA para editar por você.
4. Exporte o vídeo ou baixe o código para usar o template no seu próprio projeto.

Baseado em Cursor Gravity do remocn: https://remocn.dev