# Cursor Gravity: Animation de révélation de bouton

Un curseur triangulaire arrondi tire un bouton depuis le bord de l'écran avec une résistance élastique jusqu'à ce qu'il se pose au centre. Effet vidéo : code pour Claude ou montage dans Subclip.

Canonical URL: https://www.subclip.app/fr/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 curseur attrape un bouton au bord de l'écran et le tire par à-coups élastiques, jusqu'à ce que le bouton se libère et se pose au centre.

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

Sur un fond violet vif, un curseur triangulaire crème monte du bas et attrape le bord droit d'un bouton caché. Il tire deux fois, et à chaque fois le bouton s'étire puis revient comme du caoutchouc, puis une dernière traction le libère et son bord arrière rebondit vers l'intérieur. Le curseur sort par le bas et le bouton crème " Create something " se pose au centre. L'animation dure environ six secondes.

Vous pouvez changer le libellé du bouton, la tension élastique et les couleurs du curseur, du bouton, du texte et du fond, ainsi que la vitesse de lecture et l'arrière-plan autour de la scène. Utilisez-le pour un appel à l'action, la révélation d'une fonctionnalité d'app, une intro produit ludique ou une invitation à s'inscrire en fin de vidéo.

## Idéal pour

- Appels à l'action
- Révélations de fonctionnalités d'app
- Intros produit ludiques
- Invitations à s'inscrire en fin de vidéo

## Ce que vous pouvez modifier

- `speed`: Vitesse de lecture (Nombre)
- `label`: Libellé du bouton (Texte)
- `tension`: Tension (Nombre)
- `cursorColor`: Couleur du curseur (Couleur)
- `color`: Couleur du bouton (Couleur)
- `textColor`: Couleur du texte (Couleur)
- `backgroundColor`: Couleur de fond (Couleur)
- `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 Cursor Gravity 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 Cursor Gravity de remocn: https://remocn.dev