# Lower third: Nom à l'écran

Une étiquette de nom bleue glisse dans le coin inférieur gauche. Modèle vidéo : code pour Claude ou montage dans Subclip.

Canonical URL: https://www.subclip.app/fr/motion-graphics-templates/html-css/lower-third

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-html-lower-third.mp4?v=6cc6af4c09

Un lower third en dégradé dans le coin inférieur gauche, avec un nom en capitales grasses et une ligne de fonction plus petite, construit avec des keyframes CSS.

- Framework: HTML & CSS
- Catégorie: Bandeaux et appels à l'action
- Durée: 3 s
- Format: 16:9 paysage
- Code: Obtenir le code (connexion gratuite) : https://www.subclip.app/fr/motion-graphics-templates/html-css/lower-third

Le lower third apparaît dans le coin inférieur gauche de l'image. Une carte arrondie en dégradé bleu vers cyan entre en animation, puis le nom s'affiche en capitales blanches grasses avec une ligne de fonction plus petite en dessous, YOUR NAME et Your role dans la version par défaut. Le reste de l'image reste vide, si bien que l'étiquette se pose sur vos images sans masquer le sujet. L'animation dure trois secondes et repose sur de simples keyframes CSS.

Le template n'a pas de réglages dans l'éditeur : vous changez le nom, la fonction et les couleurs du dégradé dans le HTML et le CSS. Le code est court et lisible, donc facile à modifier à la main ou avec un agent de code IA. Utilisez-le pour présenter les intervenants dans des interviews, podcasts, webinaires, vlogs et vidéos d'entreprise, ou pour nommer un invité lors de sa première apparition.

## Idéal pour

- Noms des intervenants en interview
- Invités de podcasts et webinaires
- Vous présenter dans un vlog
- Vidéos d'entreprise et d'événements

## 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 Lower third 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.