Film-Countdown im Vorspann
Ein sepiafarbener Filmvorspann mit kreisendem Zeiger und den Zahlen 3, 2, 1, die zwischen Korn und Kratzern flackern.
Einstellungen
Code
<div class="uvq10-flm" role="status"><span class="sr">Wird geladen</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 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.
Mehr aus Loader
Alle ansehen: LoaderWofür du ihn nutzen kannst
Der klassische Kino-Countdown in CSS nachgebaut: ein Filmstreifen mit laufender Perforation, ein Sepia-Bild mit Fadenkreuz und Ringen, ein Keil, der jede Sekunde einmal herumläuft, und eine Zahl, die über eine registrierte Integer-Eigenschaft herunterzählt. Korn, ein Kratzer und leichtes Flackern runden ihn ab. Passt zu Videoplattformen, Trailern und Filmfestivals.
Die Hauptfarbe bestimmt den Filmton, die zweite die Farbe von Linien und Zahlen, von Sepia bis kühlem Schwarzweiß. Zeig ihn kurz bevor ein Video startet oder während ein Clip exportiert wird.