Estreno
La ciudad dormida
Viernes 14 · 21:30 · Sala 3
Quedan 12 butacas
Modal con telón de teatro
Un telón de terciopelo se cierra sobre la página y vuelve a abrirse para presentar la entrada del estreno.
Ajustes
Código
<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">Ver estreno</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">Estreno</p><p class="ti" id="uvq13-tel-t">La ciudad dormida</p><p class="dt">Viernes 14 · 21:30 · Sala 3</p><p class="sp">Quedan 12 butacas</p><div class="ac"><button type="button" class="go">Reservar butaca</button><button type="button" class="x">Ahora no</button></div></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.
Más en Overlays
Ver todos: OverlaysDónde usarlo
Algunos anuncios merecen un poco de ceremonia, y este modal la pone en escena. Baja una bambalina festoneada, dos cortinas de terciopelo con pliegues y fleco dorado se cierran sobre la página y después se abren y se recogen a los lados mientras sube un programa bajo un foco. Al cerrar, el telón vuelve a correrse antes de irse. Encaja en teatros, cines, lanzamientos, galas y festivales.
El color principal es el terciopelo y el secundario el dorado, y el texto lleva el título de la obra. Escape, el fondo y los dos botones ejecutan la secuencia de cierre y devuelven el foco al botón que lo abrió.