# Button Press: Animación de clic en botón

Un cursor presiona un botón, iniciando una ruleta y una marca de verificación. Plantilla de vídeo: copia el código para Claude o edítala en Subclip.

Canonical URL: https://www.subclip.app/es/motion-graphics-templates/remotion/button-press

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-snapcn-button-press.mp4?v=01f7476931

Un cursor hace clic en un botón de acción azul que se oscurece al pasar encima, se hunde, gira en un estado de espera y termina en una marca de verificación.

- Framework: Remotion
- Categoría: Clics
- Duración: 4 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/button-press

La escena abre en un fondo claro con un único botón azul dividido en el centro: una etiqueta, un separador fino y una pequeña flecha. Un cursor se acerca, el botón se oscurece al pasar encima y cede un poco al pulsarlo. La etiqueta cambia a un estado de espera, como "Desplegando...", con un pequeño indicador giratorio, y termina en una marca de verificación dibujada con su etiqueta final. Dura algo más de cuatro segundos.

Puedes escribir las tres etiquetas para los estados de reposo, espera y listo, por ejemplo Desplegar, Publicar o Enviar, y ajustar el ancho del botón para que quepan palabras largas. Cambia entre modo claro y oscuro y ajusta la velocidad de reproducción a tu ritmo. Sirve para el momento de desplegar, publicar o enviar en un video de lanzamiento, un paso de tutorial o una demo de producto con una llamada a la acción clara.

## Úsala para

- Momentos de desplegar y publicar
- Enviar o confirmar en demos
- Llamada a la acción en tutoriales

## Qué puedes cambiar

- `speed`: Velocidad de reproducción (Número)
- `label`: Etiqueta del botón (Texto)
- `pending`: Etiqueta de espera (Texto)
- `done`: Etiqueta final (Texto)
- `width`: Ancho del botón (Número)
- `mode`: Modo claro u oscuro (Texto)
- `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 Button Press 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 Button Press de snapcn: https://snapcn.dev