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.

HTML + CSSText & Scroll

Versteckter Text im Taschenlampenlicht

Ein dunkler Keller: Der Lichtkegel einer Taschenlampe folgt Zeiger, Finger oder Pfeiltasten und macht den Text an der Wand sichtbar.

Einstellungen

16px
1x
85px

Code

<div class="uvq14-fl" tabindex="0" role="group" aria-label="Taschenlampe: Bewege das Licht mit der Maus, dem Finger oder den Pfeiltasten"><div class="tx"><p class="kc">Untergeschoss 2 · Archiv</p><h3>Was du suchst, ist hier</h3><p>Die Kisten von 1987 stehen noch im hinteren Regal. Seitdem hat niemand das Licht angemacht.</p></div><div class="lit" aria-hidden="true" translate="no"></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.

Markdown-Version mit dem ganzen Code, für KI-Assistenten

Mehr aus Text & Scroll

Alle ansehen: Text & Scroll

Wofür du ihn nutzen kannst

Die Fläche bleibt stockdunkel, bis ein warmer Lichtkreis darüberwandert. Eine Kopie des Textes liegt unter einer radialen Maske, die dem Zeiger folgt, sodass Wand und Wörter nur im Lichtkegel erscheinen, und ohne Eingabe wandert das Licht von selbst. Er passt zu Mystery-Teasern, Escape Rooms, Spielen, Museen und versteckten Angeboten.

Schreib die Überschrift ins Textfeld, ändere den Absatz im HTML und wähle die Lichtfarbe über die Hauptfarbe und die Dunkelheit über die Zweitfarbe. Ein Regler ändert den Radius des Lichtkegels. Der echte Text steht für Screenreader immer auf der Seite.