Barcelona
- Barcelona
- Lisboa
- Reikiavik
- Marrakech
- Estambul
Fallblattanzeige für Abflüge
Eine Flughafentafel, deren Klappen nacheinander fallen, um das Ziel zu wechseln, mit Trennlinie und Schatten wie beim Original.
Einstellungen
Code
<div class="uvq14-flap"><div class="bd"><div class="hd"><span>Abflug</span><span>Gate B7</span></div><p class="row" aria-hidden="true" translate="no"></p><div class="ft"><span class="st">Einstieg</span><span>07:45</span></div></div><p class="sr" aria-live="off">Barcelona</p><ul class="ws" hidden><li>Barcelona</li><li>Lissabon</li><li>Reykjavík</li><li>Marrakech</li><li>Istanbul</li></ul><button type="button" class="nx">Nächstes Ziel</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.
Mehr aus Text & Scroll
Alle ansehen: Text & ScrollWofür du ihn nutzen kannst
Fallblattanzeigen prägen bis heute Bahnhöfe und Flughäfen, und dieser Block baut eine mit CSS 3D nach: Jedes Zeichen ist eine Kachel aus zwei Hälften, die obere Klappe fällt und zeigt den nächsten Buchstaben. Er passt zu Reisemarken, Countdowns für Events, Launch-Seiten oder jeder Überschrift, die mechanisch wirken soll.
Trag deine eigenen Ziele in die Liste ein, färbe die Schrift über die Hauptfarbe und das Status-Label über die Zweitfarbe. Unter dem Mauszeiger pausiert die Tafel, und der Button meldet jeden Wechsel an Screenreader.