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

Rolling film end credits

A film's end credits drift up the dark cinema screen on their own; they stop under the pointer and can be scrolled by hand.

Settings

16px
1x

Code

<div class="uvq14-crd"><div class="sc" tabindex="0" aria-label="Credits"><div class="rl"><p class="kc">A film by Estudio Aurora</p><h3>The last show</h3><p class="ln"><span class="r">Director</span><span class="n">Lucía Ferrer</span></p><p class="ln"><span class="r">Screenplay</span><span class="n">Marcos Ibáñez</span></p><p class="ln"><span class="r">Cinematography</span><span class="n">Ana Beltrán</span></p><p class="ln"><span class="r">Editing</span><span class="n">Tomás Rey</span></p><p class="ln"><span class="r">Music</span><span class="n">Orquesta del Puerto</span></p><p class="hd">Cast</p><p class="ln"><span class="r">Elena</span><span class="n">Carmen Soler</span></p><p class="ln"><span class="r">The usher</span><span class="n">Diego Lara</span></p><p class="ln"><span class="r">The box office clerk</span><span class="n">Nuria Vidal</span></p><p class="hd">Filmed in Valencia and Teruel</p><p class="fin">The End</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>Roll credits</span></button></div>

Prompt for AI

Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.

Markdown version with all the code, for AI assistants

More in Text & scroll

See all Text & scroll

Where to use it

End credits are the last thing an audience reads in a cinema, and this block turns them into a closing section: roles and names in two columns, a serif title, film grain and a soft vignette, rolling up slowly inside their own scroll box. It fits team pages, project wrap-ups, event thank-you pages and the footer of a portfolio.

Write the film title in the text field and edit the roles and names in the list. The main color tints the title and section heads, the secondary one the screen. The roll pauses on hover or focus, the button stops it, and with reduced motion it starts paused.