Cargando
HTML + CSSLoaders

Cuenta atrás de película

Una cola de película en sepia con su barrido circular y los números 3, 2, 1 parpadeando entre grano y rayas.

Ajustes

16px
1x

Código

<div class="uvq10-flm" role="status"><span class="sr">Cargando</span><div class="fr" aria-hidden="true"><i class="sw"></i><i class="cx"></i><i class="ci a"></i><i class="ci b"></i><span class="n"></span><i class="gr"></i></div></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 Loaders

Ver todos: Loaders

Dónde usarlo

La cuenta atrás clásica del cine rehecha en CSS: una tira de película con perforaciones en movimiento, un fotograma sepia con cruz y círculos, una cuña que barre cada segundo y un número que baja gracias a una propiedad entera registrada. El grano, una raya y un ligero parpadeo lo rematan. Encaja en plataformas de vídeo, tráileres y festivales de cine.

El color principal fija el tono de la película y el secundario la tinta de líneas y números, del sepia a un blanco y negro frío. Úsalo justo antes de que empiece un vídeo o mientras se exporta un clip.