Röhrenmonitor (CRT)
Scanlines, Flackern, gewölbtes Glas und ein wandernder Balken, wie ein alter Monitor beim Aufwärmen.
Einstellungen
Code
<div class="pt-crt"><b></b><em>SYSTEM READY</em><i></i><u></u><s></s></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.
Mehr aus Hintergründe
Alle ansehen: HintergründeWofür du ihn nutzen kannst
Der CRT-Effekt ist sofort Retro-Computing. Nutz ihn für den Hero eines Pixel-Art-Spiels, ein Hacker-Event im CTF-Stil oder eine 404-Seite, die so tut, als wäre das System abgestürzt. In der Mitte leuchtet ein „SYSTEM READY“, das du durch deinen eigenen Text ersetzen kannst. Ein Retro-Hintergrund im Röhrenmonitor-Look, nur mit CSS.
Halte das Flackern dezent, wenn die Seite länger offen bleibt, und verzichte ganz darauf bei Seiten, die zum Lesen gedacht sind. Eine Monospace-Schrift im selben Grün oder Bernstein wie das Leuchten rundet den Look ab.