# Cursor Gravity: Animación de revelado de botón

Un cursor triangular redondeado tira de un botón desde el borde de la pantalla con una resistencia elástica hasta que se asienta en el centro. Efecto de vídeo: copia el código para Claude o edítalo en Subclip.

Canonical URL: https://www.subclip.app/es/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

Un cursor atrapa un botón en el borde de la pantalla y lo saca con tirones elásticos, hasta que el botón se suelta y se asienta en el centro.

- Framework: Remotion
- Categoría: Efectos
- Duración: 6 s
- Relación de aspecto: 16:9 horizontal
- Código: Consigue el código (inicio de sesión gratis): https://www.subclip.app/es/motion-graphics-templates/remotion/cursor-gravity

Sobre un fondo morado intenso, un cursor triangular color crema sube desde abajo y atrapa el borde derecho de un botón oculto. Tira dos veces, y en cada una el botón se estira y vuelve como si fuera de goma; luego un último tirón lo libera y el borde trasero rebota hacia dentro. El cursor sale por abajo y el botón crema "Create something" se asienta en el centro. Dura unos seis segundos.

Puedes cambiar el texto del botón, la tensión elástica y los colores del cursor, el botón, el texto y el fondo, además de la velocidad de reproducción y el fondo alrededor de la escena. Úsalo para una llamada a la acción, el revelado de una función de una app, una intro de producto divertida o una invitación a registrarse al final de un vídeo.

## Úsala para

- Llamadas a la acción
- Revelados de funciones de apps
- Intros de producto divertidas
- Invitaciones a registrarse al final del vídeo

## Qué puedes cambiar

- `speed`: Velocidad de reproducción (Número)
- `label`: Texto del botón (Texto)
- `tension`: Tensión (Número)
- `cursorColor`: Color del cursor (Color)
- `color`: Color del botón (Color)
- `textColor`: Color del texto (Color)
- `backgroundColor`: Color de fondo (Color)
- `stageBackground`: Fondo alrededor de la escena (Texto)

## Cómo usar esta plantilla

1. Descarga Subclip para Mac o Windows. Todas las plantillas de esta página vienen preinstaladas.
2. Abre el panel de plantillas, elige Cursor Gravity y arrástrala a tu línea de tiempo.
3. Cambia el texto, los colores y el ritmo en los ajustes de la capa, o pide al agente de IA que la edite por ti.
4. Exporta tu video o descarga el código para usar la plantilla en tu propio proyecto.

Basada en Cursor Gravity de remocn: https://remocn.dev