# Button Press: Animation de clic de bouton

Un curseur appuie sur un bouton, démarrant une roulette et une coche. Modèle vidéo : code pour Claude ou montage dans Subclip.

Canonical URL: https://www.subclip.app/fr/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 curseur clique sur un bouton d'action bleu qui fonce au survol, s'enfonce, passe par un état d'attente avec un indicateur et se termine sur une coche dessinée.

- Framework: Remotion
- Catégorie: Clics
- Durée: 4 s
- Format: 16:9 paysage
- Code: Obtenir le code (connexion gratuite) : https://www.subclip.app/fr/motion-graphics-templates/remotion/button-press

La scène s'ouvre sur un fond clair avec, au centre, un seul bouton bleu divisé : un libellé, un fin séparateur et un petit chevron. Un curseur arrive dessus, le bouton fonce au survol puis s'enfonce légèrement sous le clic. Le libellé passe à un état d'attente, par exemple " Deploying... ", avec un petit indicateur de chargement, avant d'aboutir à une coche dessinée et à un libellé de fin. L'animation dure un peu plus de quatre secondes.

Vous pouvez écrire les trois libellés des états repos, attente et terminé, par exemple Deploy, Publish ou Send, et régler la largeur du bouton pour que les mots longs tiennent. Passez du mode clair au mode sombre et ajustez la vitesse de lecture à votre rythme. Elle couvre le moment où l'on déploie, publie ou envoie dans une vidéo de lancement, une étape de tutoriel ou une démo produit qui a besoin d'un appel à l'action clair.

## Idéal pour

- Moments de déploiement et de publication
- Envois et validations dans les démos
- Appels à l'action dans les tutoriels

## Ce que vous pouvez modifier

- `speed`: Vitesse de lecture (Nombre)
- `label`: Libellé du bouton (Texte)
- `pending`: Libellé d'attente (Texte)
- `done`: Libellé de fin (Texte)
- `width`: Largeur du bouton (Nombre)
- `mode`: Mode clair ou sombre (Texte)
- `stageBackground`: Arrière-plan autour de la scène (Texte)

## Comment utiliser ce template

1. Téléchargez Subclip pour Mac ou Windows. Tous les templates de cette page y sont préinstallés.
2. Ouvrez le panneau Templates, choisissez Button Press et déposez-le sur votre timeline.
3. Modifiez le texte, les couleurs et le timing dans les réglages du calque, ou demandez à l'agent IA de le faire pour vous.
4. Exportez votre vidéo, ou téléchargez le code pour utiliser le template dans votre propre projet.

Basé sur Button Press de snapcn: https://snapcn.dev