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 + CSSText & Scroll

Laufender Filmabspann

Der Abspann eines Films zieht von selbst über die dunkle Kinoleinwand; unter dem Mauszeiger hält er an und lässt sich von Hand scrollen.

Einstellungen

16px
1x

Code

<div class="uvq14-crd"><div class="sc" tabindex="0" aria-label="Credits"><div class="rl"><p class="kc">Ein Film von Estudio Aurora</p><h3>Die letzte Vorstellung</h3><p class="ln"><span class="r">Regie</span><span class="n">Lucía Ferrer</span></p><p class="ln"><span class="r">Drehbuch</span><span class="n">Marcos Ibáñez</span></p><p class="ln"><span class="r">Kamera</span><span class="n">Ana Beltrán</span></p><p class="ln"><span class="r">Schnitt</span><span class="n">Tomás Rey</span></p><p class="ln"><span class="r">Musik</span><span class="n">Orquesta del Puerto</span></p><p class="hd">Besetzung</p><p class="ln"><span class="r">Elena</span><span class="n">Carmen Soler</span></p><p class="ln"><span class="r">Der Platzanweiser</span><span class="n">Diego Lara</span></p><p class="ln"><span class="r">Die Kassiererin</span><span class="n">Nuria Vidal</span></p><p class="hd">Gedreht in Valencia und Teruel</p><p class="fin">Ende</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>Abspann abspielen</span></button></div>

Prompt für KI

Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.

Markdown-Version mit dem ganzen Code, für KI-Assistenten

Mehr aus Text & Scroll

Alle ansehen: Text & Scroll

Wofür du ihn nutzen kannst

Der Abspann ist das Letzte, was das Publikum im Kino liest, und dieser Block macht daraus einen Schlussabschnitt: Funktionen und Namen in zwei Spalten, ein Serifentitel, Filmkorn und eine weiche Vignette, die langsam in einer eigenen Scrollbox nach oben laufen. Er passt zu Teamseiten, Projektabschlüssen, Dankesseiten nach Events und dem Footer eines Portfolios.

Schreib den Filmtitel ins Textfeld und passe Funktionen und Namen in der Liste an. Die Hauptfarbe färbt Titel und Zwischenüberschriften, die Zweitfarbe die Leinwand. Bei Hover oder Fokus pausiert der Lauf, der Button stoppt ihn, und bei reduzierter Bewegung startet er angehalten.