Sótano 2 · Archivo
Lo que buscas está aquí
Las cajas de 1987 siguen en la estantería del fondo. Nadie ha encendido la luz desde entonces.
Texte caché sous une lampe torche
Une cave obscure : le faisceau d'une lampe torche suit le pointeur, le doigt ou les flèches et révèle le texte sur le mur.
Réglages
Code
<div class="uvq14-fl" tabindex="0" role="group" aria-label="Lampe torche : déplace la lumière avec la souris, le doigt ou les flèches"><div class="tx"><p class="kc">Sous-sol 2 · Archives</p><h3>Ce que tu cherches est ici</h3><p>Les cartons de 1987 sont toujours sur l'étagère du fond. Personne n'a allumé la lumière depuis.</p></div><div class="lit" aria-hidden="true" translate="no"></div></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
La boîte reste dans le noir jusqu'à ce qu'un cercle de lumière chaude passe dessus. Une copie du texte se trouve sous un masque radial qui suit le pointeur, si bien que le mur et les mots n'apparaissent que dans le faisceau, et la lumière se promène seule quand personne ne la bouge. Il convient aux teasers mystère, aux escape games, aux jeux, aux musées et aux offres cachées.
Écris le titre dans le champ de texte, modifie le paragraphe dans le HTML et choisis la couleur de la lumière avec la couleur principale et l'obscurité avec la secondaire. Un curseur règle le rayon du faisceau. Le vrai texte reste toujours dans la page pour les lecteurs d'écran.