Barcelona
- Barcelona
- Lisboa
- Reikiavik
- Marrakech
- Estambul
Panneau de départs à volets basculants
Un tableau d'aéroport dont les palettes tombent une à une pour changer de destination, avec la ligne de séparation et l'ombre d'origine.
Réglages
Code
<div class="uvq14-flap"><div class="bd"><div class="hd"><span>Départs</span><span>Porte B7</span></div><p class="row" aria-hidden="true" translate="no"></p><div class="ft"><span class="st">Embarquement</span><span>07:45</span></div></div><p class="sr" aria-live="off">Barcelona</p><ul class="ws" hidden><li>Barcelona</li><li>Lisbonne</li><li>Reykjavik</li><li>Marrakech</li><li>Istanbul</li></ul><button type="button" class="nx">Destination suivante</button></div>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Texte et défilement
Voir tout : Texte et défilementOù l’utiliser
Les afficheurs à palettes restent l'image des gares et des aéroports, et ce bloc en reconstruit un en CSS 3D : chaque caractère est une tuile en deux moitiés, et la palette du haut bascule pour montrer la lettre suivante. Il convient aux marques de voyage, aux comptes à rebours, aux lancements ou à tout titre qui doit paraître mécanique.
Écris tes propres destinations dans la liste, change la couleur des lettres avec la couleur principale et l'étiquette d'état avec la secondaire. Le tableau se met en pause sous le pointeur et le bouton annonce chaque changement aux lecteurs d'écran.