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
Wofü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.