Barcelona
- Barcelona
- Lisboa
- Reikiavik
- Marrakech
- Estambul
Panel de salidas con paletas
Un tablero de aeropuerto cuyas paletas caen una a una para cambiar de destino, con la línea de corte y la sombra del original.
Ajustes
Código
<div class="uvq14-flap"><div class="bd"><div class="hd"><span>Salidas</span><span>Puerta B7</span></div><p class="row" aria-hidden="true" translate="no"></p><div class="ft"><span class="st">Embarcando</span><span>07:45</span></div></div><p class="sr" aria-live="off">Barcelona</p><ul class="ws" hidden><li>Barcelona</li><li>Lisboa</li><li>Reikiavik</li><li>Marrakech</li><li>Estambul</li></ul><button type="button" class="nx">Siguiente destino</button></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 Texto y scroll
Ver todos: Texto y scrollDónde usarlo
Los paneles de paletas siguen siendo la imagen de estaciones y aeropuertos, y este bloque reconstruye uno con CSS 3D: cada carácter es una ficha de dos mitades y la paleta superior cae para mostrar la letra siguiente. Encaja en marcas de viajes, cuentas atrás de eventos, lanzamientos o cualquier titular que deba sentirse mecánico.
Escribe tus destinos en la lista, cambia el color de las letras con el color principal y la etiqueta de estado con el secundario. El panel se detiene mientras el cursor está encima y el botón anuncia cada cambio a los lectores de pantalla.