Estreno
La ciudad dormida
Viernes 14 · 21:30 · Sala 3
Quedan 12 butacas
Modal mit Theatervorhang
Ein Samtvorhang schließt sich über der Seite und öffnet sich wieder, um die Karte für die Premiere zu zeigen.
Einstellungen
Code
<div class="uvq13-tel"><div class="pg" aria-hidden="true"><i class="h"></i><i></i><i></i><i></i><i></i><i class="s"></i></div><button type="button" class="fire" aria-haspopup="dialog">Premiere ansehen</button><div class="scr"></div><i class="cu l" aria-hidden="true"></i><i class="cu r" aria-hidden="true"></i><i class="vl" aria-hidden="true"></i><div class="dl" role="dialog" aria-modal="true" aria-labelledby="uvq13-tel-t"><p class="kk">Premiere</p><p class="ti" id="uvq13-tel-t">Die schlafende Stadt</p><p class="dt">Freitag, 14. · 21:30 · Saal 3</p><p class="sp">Noch 12 Plätze frei</p><div class="ac"><button type="button" class="go">Platz reservieren</button><button type="button" class="x">Nicht jetzt</button></div></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 Overlays
Alle ansehen: OverlaysWofür du ihn nutzen kannst
Manche Ankündigungen verdienen etwas Zeremonie, und dieses Modal inszeniert sie. Eine gewellte Blende senkt sich, zwei gefaltete Samtvorhänge mit Goldfransen ziehen sich über die Seite, dann öffnen sie sich und raffen sich zur Seite, während ein Programmheft im Scheinwerferlicht erscheint. Beim Schließen fällt der Vorhang erneut, bevor er verschwindet. Passt zu Theatern, Kinos, Produktstarts, Galas und Festivals.
Die Hauptfarbe ist der Samt, die zweite der Goldbesatz, das Textfeld trägt den Titel des Stücks. Escape, der Hintergrund und beide Buttons starten die Schließsequenz und geben den Fokus an den auslösenden Button zurück.