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 + CSSTexto y scroll

Créditos finales que ruedan

Los créditos de una película suben solos por la pantalla oscura del cine; se paran bajo el cursor y se pueden recorrer a mano.

Ajustes

16px
1x

Código

<div class="uvq14-crd"><div class="sc" tabindex="0" aria-label="Créditos"><div class="rl"><p class="kc">Una película de Estudio Aurora</p><h3>La última función</h3><p class="ln"><span class="r">Directora</span><span class="n">Lucía Ferrer</span></p><p class="ln"><span class="r">Guion</span><span class="n">Marcos Ibáñez</span></p><p class="ln"><span class="r">Fotografía</span><span class="n">Ana Beltrán</span></p><p class="ln"><span class="r">Montaje</span><span class="n">Tomás Rey</span></p><p class="ln"><span class="r">Música</span><span class="n">Orquesta del Puerto</span></p><p class="hd">Reparto</p><p class="ln"><span class="r">Elena</span><span class="n">Carmen Soler</span></p><p class="ln"><span class="r">El acomodador</span><span class="n">Diego Lara</span></p><p class="ln"><span class="r">La taquillera</span><span class="n">Nuria Vidal</span></p><p class="hd">Rodada en Valencia y 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>Rodar créditos</span></button></div>

Prompt para IA

Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.

Versión Markdown con todo el código, para asistentes de IA

Más en Texto y scroll

Ver todos: Texto y scroll

Dónde usarlo

Los créditos finales son lo último que lee el público en el cine, y este bloque los convierte en una sección de cierre: cargos y nombres en dos columnas, un título con serifa, grano de película y una viñeta suave, subiendo despacio dentro de su propia caja con scroll. Encaja en páginas de equipo, cierres de proyecto, agradecimientos de eventos y el pie de un portfolio.

Escribe el título de la película en el campo de texto y edita los cargos y nombres en la lista. El color principal tiñe el título y los encabezados, y el secundario la pantalla. El rodillo se detiene al pasar el ratón o al enfocarlo, el botón lo para y, con movimiento reducido, empieza en pausa.