Una película de Estudio Aurora

La última función

DirectoraLucía Ferrer

GuionMarcos Ibáñez

FotografíaAna Beltrán

MontajeTomás Rey

MúsicaOrquesta del Puerto

Reparto

ElenaCarmen Soler

El acomodadorDiego Lara

La taquilleraNuria Vidal

Rodada en Valencia y Teruel

Fin

HTML + CSSTexte et défilement

Générique de fin qui défile

Le générique d'un film monte tout seul sur l'écran sombre du cinéma ; il s'arrête sous le pointeur et se parcourt à la main.

Réglages

16px
1x

Code

<div class="uvq14-crd"><div class="sc" tabindex="0" aria-label="Crédits"><div class="rl"><p class="kc">Un film d'Estudio Aurora</p><h3>La dernière séance</h3><p class="ln"><span class="r">Réalisation</span><span class="n">Lucía Ferrer</span></p><p class="ln"><span class="r">Scénario</span><span class="n">Marcos Ibáñez</span></p><p class="ln"><span class="r">Photographie</span><span class="n">Ana Beltrán</span></p><p class="ln"><span class="r">Montage</span><span class="n">Tomás Rey</span></p><p class="ln"><span class="r">Musique</span><span class="n">Orquesta del Puerto</span></p><p class="hd">Distribution</p><p class="ln"><span class="r">Elena</span><span class="n">Carmen Soler</span></p><p class="ln"><span class="r">Le placeur</span><span class="n">Diego Lara</span></p><p class="ln"><span class="r">La guichetière</span><span class="n">Nuria Vidal</span></p><p class="hd">Tourné à Valence et Teruel</p><p class="fin">Fin</p></div></div><i class="gr" aria-hidden="true"></i><button type="button" class="pl" aria-pressed="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 6v12M15 6v12"/></svg><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M8 5.5v13l10.5-6.5z" fill="currentColor"/></svg><span>Faire défiler le générique</span></button></div>

Prompt pour l’IA

Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.

Version Markdown avec tout le code, pour les assistants IA

Plus dans Texte et défilement

Voir tout : Texte et défilement

Où l’utiliser

Le générique de fin est la dernière chose que lit le public au cinéma, et ce bloc en fait une section de clôture : fonctions et noms sur deux colonnes, un titre à empattements, du grain de pellicule et un léger vignettage, qui montent lentement dans leur propre zone de défilement. Il convient aux pages équipe, aux bilans de projet, aux remerciements d'événement et au pied de page d'un portfolio.

Écris le titre du film dans le champ de texte et modifie les fonctions et les noms dans la liste. La couleur principale teinte le titre et les intertitres, la secondaire l'écran. Le défilement s'arrête au survol ou au focus, le bouton le stoppe, et avec le mouvement réduit il démarre en pause.